libre.sh/keycloak-scim
2
0
Fork 0
Code Issues 14 Pull requests Releases Packages Activity Actions 6

19847 - Fix Split UsersSection into components for better maintainability (#20539)

Browse source 
Co-authored-by: Andreas Blaettlinger <bln1imb@bosch.com>
This commit is contained in:
Andreas Blättlinger 2023-05-24 16:05:00 +02:00 committed by GitHub
parent 41b9a75f1e
commit 828a7ae874
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
js/apps/admin-ui/src/components/users/UserDataTable.tsx
View file

@ -3,18 +3,23 @@ import type RealmRepresentation from "@keycloak/keycloak-admin-client/lib/defs/r
import type UserRepresentation from "@keycloak/keycloak-admin-client/lib/defs/userRepresentation";
import {
AlertVariant,
Button,
ButtonVariant,
EmptyState,
InputGroup,
Label,
Text,
TextContent,
TextInput,
Toolbar,
ToolbarContent,
ToolbarItem,
Tooltip,
} from "@patternfly/react-core";
import {
ExclamationCircleIcon,
InfoCircleIcon,
SearchIcon,
WarningTriangleIcon,
} from "@patternfly/react-icons";
import type { IRowData } from "@patternfly/react-table";
@ -42,6 +47,7 @@ export function UserDataTable() {
const { realm: realmName } = useRealm();
const navigate = useNavigate();
const [userStorage, setUserStorage] = useState<ComponentRepresentation[]>();
const [searchUser, setSearchUser] = useState<string>();
const [realm, setRealm] = useState<RealmRepresentation | undefined>();
const [selectedRows, setSelectedRows] = useState<UserRepresentation[]>([]);
@ -90,7 +96,7 @@ export function UserDataTable() {
max: max!,
};
const searchParam = search || "";
const searchParam = search || searchUser || "";
if (searchParam) {
params.search = searchParam;
}
@ -208,6 +214,31 @@ export function UserDataTable() {
<>
<Toolbar>
<ToolbarContent>
<ToolbarItem>
<InputGroup>
<TextInput
name="search-input"
type="search"
aria-label={t("search")}
placeholder={t("users:searchForUser")}
onChange={(value) => {
setSearchUser(value);
}}
onKeyDown={(e) => {
if (e.key === "Enter") {
refresh();
}
}}
/>
<Button
variant={ButtonVariant.control}
aria-label={t("common:search")}
onClick={refresh}
>
<SearchIcon />
</Button>
</InputGroup>
</ToolbarItem>
<UserDataTableToolbarItems
realm={realm}
hasSelectedRows={selectedRows.length === 0}