import React, { useContext, useState } from "react";
import { useTranslation } from "react-i18next";
import {
Button,
Label,
PageSection,
Tab,
Tabs,
TabTitleText,
ToolbarItem,
} from "@patternfly/react-core";
import moment from "moment";
import EventRepresentation from "keycloak-admin/lib/defs/eventRepresentation";
import { useAdminClient } from "../context/auth/AdminClient";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
import { RealmContext } from "../context/realm-context/RealmContext";
import { InfoCircleIcon } from "@patternfly/react-icons";
import { AdminEvents } from "./AdminEvents";
import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
export const EventsSection = () => {
const { t } = useTranslation("events");
const adminClient = useAdminClient();
const { realm } = useContext(RealmContext);
const [activeTab, setActiveTab] = useState(0);
const [key, setKey] = useState("");
const refresh = () => setKey(`${new Date().getTime()}`);
const loader = async (first?: number, max?: number, search?: string) => {
const params = {
first: first!,
max: max!,
realm,
};
if (search) {
console.log("how to search?", search);
}
return await adminClient.realms.findEvents({ ...params });
};
const StatusRow = (event: EventRepresentation) => {
return (
<>
}>
{event.type}
>
);
};
return (
<>
setActiveTab(key as number)}
isBox
>
{t("userEvents")}}
>
>
}
columns={[
{
name: "time",
displayKey: "events:time",
cellRenderer: (row) => moment(row.time).fromNow(),
},
{
name: "userId",
displayKey: "events:user",
},
{
name: "type",
displayKey: "events:eventType",
cellRenderer: StatusRow,
},
{
name: "ipAddress",
displayKey: "events:ipAddress",
},
{
name: "clientId",
displayKey: "events:client",
},
]}
emptyState={
}
/>
{t("adminEvents")}}
>
>
);
};