fix: useCheckLightCurate to use graphql instead of web3 api

Author: devofficer

src/hooks/use-check-light-curate.ts

@@ -1,37 +1,18 @@
-import { useEffect, useState } from 'react'
-import { useWeb3Context } from 'web3-react'
-import { ethers } from 'ethers'
+import { useMemo } from 'react'
 import { useParams } from 'react-router'
-import _gtcr from '../assets/abis/GeneralizedTCR.json'
+import { useQuery } from '@apollo/client'
+import { TCR_EXISTENCE_TEST } from 'utils/graphql'
 
-const useCheckLightCurate = () => {
-  const { library, active } = useWeb3Context()
+const useCheckLightCurate = (): [boolean, boolean] => {
   const { tcrAddress } = useParams<{ tcrAddress: string }>()
-
-  const [isLightCurate, setLightCurate] = useState<boolean>(false)
-
-  useEffect(() => {
-    const checkLightCurate = async () => {
-      try {
-        if (!active) return
-        const tcr = new ethers.Contract(tcrAddress, _gtcr, library)
-
-        // Call a function only available on GTCR Classic. If
-        // it throws, its not a light curate instance.
-        await tcr.itemCount()
-        setLightCurate(false)
-        // eslint-disable-next-line no-unused-vars
-      } catch (err) {
-        console.info(
-          `Contract call used to verify if this is a Light Curate instance. Ignore exception.`
-        )
-        setLightCurate(true)
-      }
+  const { loading, data } = useQuery(TCR_EXISTENCE_TEST, {
+    variables: {
+      tcrAddress: tcrAddress.toLowerCase()
     }
-    checkLightCurate()
-  }, [active, library, tcrAddress])
+  })
+  const isLightCurate = useMemo<boolean>(() => data?.lregistry ?? false, [data])
 
-  return isLightCurate
+  return [isLightCurate, loading]
 }
 
 export default useCheckLightCurate

src/pages/item-details-router.tsx

@@ -29,9 +29,9 @@ const ItemDetailsRouter = () => {
   }>()
   const { networkStatus } = useTcrNetwork()
   const search = window.location.search
-  const isLightCurate = useCheckLightCurate()
+  const [isLightCurate, checkingLightCurate] = useCheckLightCurate()
 
-  if (isLightCurate === undefined || networkStatus !== NETWORK_STATUS.supported)
+  if (checkingLightCurate || networkStatus !== NETWORK_STATUS.supported)
     return <Loading />
 
   if (isLightCurate)

src/pages/items-router.tsx

@@ -24,13 +24,10 @@ const Items = loadable(
 
 const ItemsRouter = () => {
   const { tcrAddress } = useParams<{ tcrAddress: string }>()
-  const isLightCurate = useCheckLightCurate()
+  const [isLightCurate, checkingLightCurate] = useCheckLightCurate()
   const { networkStatus } = useTcrNetwork()
 
-  if (
-    typeof isLightCurate === 'undefined' ||
-    networkStatus !== NETWORK_STATUS.supported
-  )
+  if (checkingLightCurate || networkStatus !== NETWORK_STATUS.supported)
     return <Loading />
 
   if (isLightCurate)