import React, { useContext, useEffect, useState } from "react"; import { useHistory } from "react-router-dom"; import { useTranslation } from "react-i18next"; import { Button, PageSection } from "@patternfly/react-core"; import { HttpClientContext } from "../context/http-service/HttpClientContext"; import { RoleRepresentation } from "../model/role-model"; import { RolesList } from "./RoleList"; import { RealmContext } from "../context/realm-context/RealmContext"; import { ViewHeader } from "../components/view-header/ViewHeader"; import { PaginatingTableToolbar } from "../components/table-toolbar/PaginatingTableToolbar"; import { ListEmptyState } from "../components/list-empty-state/ListEmptyState"; export const RealmRolesSection = () => { const [max, setMax] = useState(10); const [first, setFirst] = useState(0); const { t } = useTranslation("roles"); const history = useHistory(); const httpClient = useContext(HttpClientContext)!; const [roles, setRoles] = useState(); const { realm } = useContext(RealmContext); const loader = async () => { const params: { [name: string]: string | number } = { first, max }; const result = await httpClient.doGet( `/admin/realms/${realm}/roles`, { params: params } ); setRoles(result.data); }; useEffect(() => { loader(); }, [first, max]); return ( <> {roles && roles.length > 0 ? ( { setFirst(first); setMax(max); }} toolbarItem={ <> } > ) : ( history.push("/add-role")} /> )} ); };