2023-09-29 14:29:22 +02:00
|
|
|
'use client';
|
|
|
|
import useApi from 'components/hooks/useApi';
|
|
|
|
import useFilterQuery from 'components/hooks/useFilterQuery';
|
|
|
|
import DataTable from 'components/common/DataTable';
|
|
|
|
import UsersTable from './UsersTable';
|
|
|
|
import UsersHeader from './UsersHeader';
|
2023-10-08 09:15:29 +02:00
|
|
|
import useCache from 'store/cache';
|
2023-09-29 14:29:22 +02:00
|
|
|
|
2023-10-04 10:46:00 +02:00
|
|
|
export function UsersDataTable() {
|
2023-09-29 14:29:22 +02:00
|
|
|
const { get } = useApi();
|
2023-12-03 12:07:03 +01:00
|
|
|
const modified = useCache((state: any) => state?.users);
|
2023-12-02 05:27:59 +01:00
|
|
|
const queryResult = useFilterQuery({
|
|
|
|
queryKey: ['users', { modified }],
|
2023-12-03 12:07:03 +01:00
|
|
|
queryFn: (params: { [key: string]: any }) => get(`/users`, params),
|
2023-09-29 14:29:22 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<UsersHeader />
|
2023-10-04 10:46:00 +02:00
|
|
|
<DataTable queryResult={queryResult}>{({ data }) => <UsersTable data={data} />}</DataTable>
|
2023-09-29 14:29:22 +02:00
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2023-10-04 10:46:00 +02:00
|
|
|
export default UsersDataTable;
|