keycloak-scim/apps/admin-ui/src/clients/ClientSessions.tsx
Erik Jan de Wit fe2ed2c680
Added offline sessions to client and sessions (#4374)
Co-authored-by: Jon Koops <jonkoops@gmail.com>
2023-02-10 16:28:22 +00:00

54 lines
1.7 KiB
TypeScript

import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
import type UserSessionRepresentation from "@keycloak/keycloak-admin-client/lib/defs/userSessionRepresentation";
import { PageSection } from "@patternfly/react-core";
import { useTranslation } from "react-i18next";
import type { LoaderFunction } from "../components/table-toolbar/KeycloakDataTable";
import { useAdminClient } from "../context/auth/AdminClient";
import SessionsTable from "../sessions/SessionsTable";
type ClientSessionsProps = {
client: ClientRepresentation;
};
export const ClientSessions = ({ client }: ClientSessionsProps) => {
const { adminClient } = useAdminClient();
const { t } = useTranslation("sessions");
const loader: LoaderFunction<UserSessionRepresentation> = async (
first,
max
) => {
const mapSessionsToType =
(type: string) => (sessions: UserSessionRepresentation[]) =>
sessions.map((session) => ({
type,
...session,
}));
const allSessions = await Promise.all([
adminClient.clients
.listSessions({ id: client.id!, first, max })
.then(mapSessionsToType(t("sessions:sessionsType.regularSSO"))),
adminClient.clients
.listOfflineSessions({
id: client.id!,
first,
max,
})
.then(mapSessionsToType(t("sessions:sessionsType.offline"))),
]);
return allSessions.flat();
};
return (
<PageSection variant="light" className="pf-u-p-0">
<SessionsTable
loader={loader}
hiddenColumns={["clients"]}
emptyInstructions={t("noSessionsForClient")}
/>
</PageSection>
);
};