cyb/src/containers/temple/hooks/useGetContract.ts

import BigNumber from 'bignumber.js';
import { useEffect, useState } from 'react';
import { useContractsCountQuery } from 'src/generated/graphql';

function useContractsCount() {
  const keyQuery = 'contractsCount';
  const [changeTimeAmount, setChangeTimeAmount] = useState({
    amount: 0,
    time: 0,
  });
  const { data } = useContractsCountQuery({ pollInterval: 1000 * 60 * 3 });

  useEffect(() => {
    if (data) {
      const timestamp = new Date();
      const lastgraphStatsLs = localStorage.getItem(keyQuery);
      if (lastgraphStatsLs !== null) {
        const oldData = JSON.parse(lastgraphStatsLs);
        const timeChange = Date.parse(timestamp) - Date.parse(oldData.timestamp);
        const amountChange = new BigNumber(data.contracts_aggregate.aggregate?.count || 0)
          .minus(oldData.contractsCount)
          .toNumber();
        if (timeChange > 0 && amountChange > 0) {
          setChangeTimeAmount({
            time: timeChange,
            amount: amountChange,
          });
        }
      }
      localStorage.setItem(keyQuery, JSON.stringify(data));
    }
  }, [data]);

  return {
    data: {
      contractsCount: data?.contracts_aggregate.aggregate?.count || 0,
    },
    changeTimeAmount,
  };
}

export default useContractsCount;