added refresh button (#26599)

fixes: #21771

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-02-06 14:30:06 +01:00 committed by GitHub
parent c866e8e6f9
commit acd9def8aa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,4 +1,4 @@
import { ButtonVariant } from "@patternfly/react-core"; import { Button, ButtonVariant, ToolbarItem } from "@patternfly/react-core";
import type { SVGIconProps } from "@patternfly/react-icons/dist/js/createIcon"; import type { SVGIconProps } from "@patternfly/react-icons/dist/js/createIcon";
import { import {
IAction, IAction,
@ -31,6 +31,7 @@ import { useFetch } from "../../utils/useFetch";
import { KeycloakSpinner } from "../keycloak-spinner/KeycloakSpinner"; import { KeycloakSpinner } from "../keycloak-spinner/KeycloakSpinner";
import { ListEmptyState } from "../list-empty-state/ListEmptyState"; import { ListEmptyState } from "../list-empty-state/ListEmptyState";
import { PaginatingTableToolbar } from "./PaginatingTableToolbar"; import { PaginatingTableToolbar } from "./PaginatingTableToolbar";
import { SyncAltIcon } from "@patternfly/react-icons";
type TitleCell = { title: JSX.Element }; type TitleCell = { title: JSX.Element };
type Cell<T> = keyof T | JSX.Element | TitleCell; type Cell<T> = keyof T | JSX.Element | TitleCell;
@ -434,7 +435,16 @@ export function KeycloakDataTable<T>({
inputGroupOnEnter={setSearch} inputGroupOnEnter={setSearch}
inputGroupPlaceholder={t(searchPlaceholderKey || "")} inputGroupPlaceholder={t(searchPlaceholderKey || "")}
searchTypeComponent={searchTypeComponent} searchTypeComponent={searchTypeComponent}
toolbarItem={toolbarItem} toolbarItem={
<>
{toolbarItem} <ToolbarItem variant="separator" />{" "}
<ToolbarItem>
<Button variant="link" onClick={refresh}>
<SyncAltIcon /> {t("refresh")}
</Button>
</ToolbarItem>
</>
}
subToolbar={subToolbar} subToolbar={subToolbar}
> >
{!loading && !noData && ( {!loading && !noData && (