admin-panel/src/features/UsersPage/UsersPage.useUsers.ts

import { useQuery } from '@apollo/client';
import { QUERY_USERS } from './queries';
import { Query, QueryUsersArgs } from 'libs/graphql/types';

const useUsers = (page: number, limit: number, sort: string) => {
  const { data, loading } = useQuery<Pick<Query, 'users'>, QueryUsersArgs>(
    QUERY_USERS,
    {
      fetchPolicy: 'cache-and-network',
      variables: {
        offset: page * limit,
        sort: [sort],
        limit,
      },
    }
  );

  return {
    users: data?.users.items ?? [],
    get loading() {
      return this.users.length === 0 && loading;
    },
    total: data?.users.total ?? 0,
  };
};

export default useUsers;