feat: adding new chain

app/config/chains.ts

@@ -1,4 +1,4 @@
-import { avalancheFuji } from 'wagmi/chains'
+import { avalancheFuji, optimismGoerli } from 'wagmi/chains'
 import { merge } from 'lodash'
 import { Chain } from './types'
 
@@ -26,3 +26,28 @@ export const avalancheFujiChain: Chain = merge(avalancheFuji, {
     }
   }
 })
+
+export const optimismGoerliChain: Chain = merge(optimismGoerli, {
+  blockExplorers: {
+    thegraph: {
+      name: 'crosschain-nft-ccip-v2-optimis',
+      url: process.env.NEXT_PUBLIC_NETWORK_420_SUBGRAPH!
+    }
+  },
+  rpcUrls: {
+    protocol: {
+      http: [process.env.NEXT_PUBLIC_NETWORK_420_HTTP_RPC!],
+      websocket: [process.env.NEXT_PUBLIC_NETWORK_420_WS_RPC!]
+    }
+  },
+  contracts: {
+    accessManagement: {
+      address: '0x0077124A6913476D37405E46fb41F1AA7ce255D7',
+      blockCreated: 0
+    },
+    hub: {
+      address: '0x747bC054Da9C824eC9f10D5DCEe0D8FA3BecDc38',
+      blockCreated: 0
+    }
+  }
+})

app/config/config.ts

@@ -1,8 +1,8 @@
 import { reduce } from 'lodash'
-import { avalancheFujiChain } from './chains'
+import { avalancheFujiChain, optimismGoerliChain } from './chains'
 import { Chain } from './types'
 
-export const allowedChains = [avalancheFujiChain]
+export const allowedChains = [avalancheFujiChain, optimismGoerliChain]
 
 export const allowedChainsConfig = reduce(
   allowedChains,

app/headless/thegraph/entities/app/hooks/useGetApps.ts

@@ -1,6 +1,7 @@
 import { useQuery } from '@apollo/client'
 import { IHubAppAddeds } from '../types'
 import { HUB_APP_ADDEDS_QUERY } from '../queries'
+import { useEffect } from 'react'
 
 export type UseGetAppsResponse = {
   hubAppAddeds: IHubAppAddeds[]
@@ -11,11 +12,18 @@ type UseGetAppsProps = {
 }
 
 export function useGetApps({ chainId }: UseGetAppsProps) {
-  const { loading, data } = useQuery<UseGetAppsResponse>(HUB_APP_ADDEDS_QUERY, {
-    context: {
-      chainId
+  const { loading, data, refetch } = useQuery<UseGetAppsResponse>(
+    HUB_APP_ADDEDS_QUERY,
+    {
+      context: {
+        chainId
+      }
     }
-  })
+  )
+
+  useEffect(() => {
+    refetch()
+  }, [chainId])
 
   return {
     apps: data?.hubAppAddeds || [],