External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-18 13:11:19 -03:30
Code Issues Packages Projects Releases Wiki Activity

Adopt useSelected

Browse Source
This commit is contained in:
mabashian 2020-07-29 08:45:06 -04:00
parent f775ed3f77
commit bc02321689
1 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
awx/ui_next/src/screens/User/UserList/UserList.jsx
View File

@ -1,4 +1,4 @@
import React, { useState, useEffect, useCallback } from 'react';
import React, { useEffect, useCallback } from 'react';
import { useLocation, useRouteMatch } from 'react-router-dom';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
@ -12,6 +12,7 @@ import PaginatedDataList, {
ToolbarDeleteButton,
} from '../../../components/PaginatedDataList';
import useRequest, { useDeleteItems } from '../../../util/useRequest';
import useSelected from '../../../util/useSelected';
import { getQSConfig, parseQueryString } from '../../../util/qs';
import UserListItem from './UserListItem';
@ -24,7 +25,6 @@ const QS_CONFIG = getQSConfig('user', {
function UserList({ i18n }) {
const location = useLocation();
const match = useRouteMatch();
const [selected, setSelected] = useState([]);
const {
result: { users, itemCount, actions },
@ -55,7 +55,9 @@ function UserList({ i18n }) {
fetchUsers();
}, [fetchUsers]);
const isAllSelected = selected.length === users.length && selected.length > 0;
const { selected, isAllSelected, handleSelect, setSelected } = useSelected(
users
);
const {
isLoading: isDeleteLoading,
@ -81,18 +83,6 @@ function UserList({ i18n }) {
const hasContentLoading = isDeleteLoading || isLoading;
const canAdd = actions && actions.POST;
const handleSelectAll = isSelected => {
setSelected(isSelected ? [...users] : []);
};
const handleSelect = row => {
if (selected.some(s => s.id === row.id)) {
setSelected(selected.filter(s => s.id !== row.id));
} else {
setSelected(selected.concat(row));
}
};
return (
<>
<PageSection>
@ -139,7 +129,9 @@ function UserList({ i18n }) {
{...props}
showSelectAll
isAllSelected={isAllSelected}
onSelectAll={handleSelectAll}
onSelectAll={isSelected =>
setSelected(isSelected ? [...users] : [])
}
qsConfig={QS_CONFIG}
additionalControls={[
...(canAdd