Admin: Add missing wrapper to OrgUsersTable (#76185)

This commit is contained in:
Alex Khomenko 2023-10-09 13:43:47 +02:00 committed by GitHub
parent 5e37a27d1f
commit 57b99728ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -72,6 +72,7 @@ export const OrgUsersTable = ({
}: Props) => {
const [userToRemove, setUserToRemove] = useState<OrgUser | null>(null);
const [roleOptions, setRoleOptions] = useState<Role[]>([]);
const styles = useStyles2(getStyles);
useEffect(() => {
async function fetchOptions() {
@ -187,10 +188,17 @@ export const OrgUsersTable = ({
return (
<VerticalGroup spacing="md" data-testid={selectors.container}>
<InteractiveTable columns={columns} data={users} getRowId={(user) => String(user.userId)} fetchData={fetchData} />
<HorizontalGroup justify="flex-end">
<Pagination onNavigate={changePage} currentPage={page} numberOfPages={totalPages} hideWhenSinglePage={true} />
</HorizontalGroup>
<div className={styles.wrapper}>
<InteractiveTable
columns={columns}
data={users}
getRowId={(user) => String(user.userId)}
fetchData={fetchData}
/>
<HorizontalGroup justify="flex-end">
<Pagination onNavigate={changePage} currentPage={page} numberOfPages={totalPages} hideWhenSinglePage={true} />
</HorizontalGroup>
</div>
{Boolean(userToRemove) && (
<ConfirmModal
body={`Are you sure you want to delete user ${userToRemove?.login}?`}