Function UsersManager

packages/app/components/UsersManager.js:10–123

(props)

import { useExecuteGraphQLQuery } from "./CustomHooks.js";

const UsersManager = (props) => {
  const [, setUsersSummary] = useState({
    count: 0,
    verified: 0,
    admins: 0,
    creators: 0,
  });
  const [usersPaginationOffset, setUsersPaginationOffset] = useState(1);
  const [users, setUsers] = useState([]);
  // const [searchText, setSearchText] = useState("");
  const executeGQLCall = useExecuteGraphQLQuery();

  useEffect(() => {
    loadUsersSummary();
  }, []);

  useEffect(() => {
    loadUsers();
  }, [usersPaginationOffset]);

  const loadUsersSummary = async () => {
    const query = `
    query {
      summary: getUsersSummary {
        count,
        verified,
        admins,
        creators
      }
    }
    `;
    try {
      const response = await executeGQLCall(query);
      if (response.summary) {
        setUsersSummary({
          count: response.summary.count,
          verified: response.summary.verified,
          admins: response.summary.admins,
          creators: response.summary.creators,
        });
      }
    } catch (err) {}
  };

  const loadUsers = async () => {
    const query = `
    query c {
      users: getSiteUsers(searchData: {
        offset: ${usersPaginationOffset}
      }) {
        id,
        email,
        name,
        verified,
        isCreator,
        isAdmin,
        avatar,
        purchases,