pussy-ts/src/containers/brain/accountCount.jsx

import { useQuery, gql } from '@apollo/client';

import { Dots } from '../../components';
import { formatNumber } from '../../utils/utils';

const GET_CHARACTERS = gql`
  query MyQuery {
    account_aggregate {
      aggregate {
        count(columns: address)
      }
    }
  }
`;

function AccountCount() {
  try {
    // eslint-disable-next-line react-hooks/rules-of-hooks
    const { loading, data } = useQuery(GET_CHARACTERS);
    if (loading) {
      return <Dots />;
    }

    return <span>{formatNumber(data.account_aggregate.aggregate.count)}</span>;
  } catch (error) {
    return <span>∞</span>;
  }
}

export default AccountCount;