diff --git a/src/sessions/SessionsSection.tsx b/src/sessions/SessionsSection.tsx
index 5eee4d7732..feb90cb586 100644
--- a/src/sessions/SessionsSection.tsx
+++ b/src/sessions/SessionsSection.tsx
@@ -1,19 +1,21 @@
import React, { useState } from "react";
import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
+import moment from "moment";
import {
PageSection,
Select,
SelectOption,
SelectVariant,
} from "@patternfly/react-core";
-import moment from "moment";
-import type UserSessionRepresentation from "keycloak-admin/lib/defs/userSessionRepresentation";
+import { FilterIcon } from "@patternfly/react-icons";
+import type UserSessionRepresentation from "keycloak-admin/lib/defs/userSessionRepresentation";
+import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
import { useAdminClient } from "../context/auth/AdminClient";
-import { FilterIcon } from "@patternfly/react-icons";
+
import "./SessionsSection.css";
const Clients = (row: UserSessionRepresentation) => {
@@ -88,28 +90,23 @@ export const SessionsSection = () => {
selections={filterType}
>
@@ -136,6 +133,12 @@ export const SessionsSection = () => {
cellRenderer: Clients,
},
]}
+ emptyState={
+
+ }
/>
>
diff --git a/src/sessions/messages.ts b/src/sessions/messages.ts
index ca5d7ceef9..19ef72cced 100644
--- a/src/sessions/messages.ts
+++ b/src/sessions/messages.ts
@@ -14,5 +14,7 @@ export default {
directGrant: "Direct grant",
serviceAccount: "Service account",
},
+ emptyTitle: "No sessions",
+ emptyInstructions: "There are no active sessions on this realm",
},
};