From 403bf0ba09bbfeedf42dfa40e7f27711ee7a5505 Mon Sep 17 00:00:00 2001
From: welliton gervickas <wellitogervickas@gmail.com>
Date: Tue, 28 Nov 2023 09:34:09 -0300
Subject: [PATCH] feat: adding new chain

---
 app/config/chains.ts                          | 27 ++++++++++++++++++-
 app/config/config.ts                          |  4 +--
 .../thegraph/entities/app/hooks/useGetApps.ts | 16 ++++++++---
 public/assets/images/chains/420.svg           | 10 +++++++
 4 files changed, 50 insertions(+), 7 deletions(-)
 create mode 100644 public/assets/images/chains/420.svg

diff --git a/app/config/chains.ts b/app/config/chains.ts
index 334f344..b672296 100644
--- a/app/config/chains.ts
+++ b/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
+    }
+  }
+})
diff --git a/app/config/config.ts b/app/config/config.ts
index d40dd28..935fd2b 100644
--- a/app/config/config.ts
+++ b/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,
diff --git a/app/headless/thegraph/entities/app/hooks/useGetApps.ts b/app/headless/thegraph/entities/app/hooks/useGetApps.ts
index 8bc1f1a..72bd324 100644
--- a/app/headless/thegraph/entities/app/hooks/useGetApps.ts
+++ b/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 || [],
diff --git a/public/assets/images/chains/420.svg b/public/assets/images/chains/420.svg
new file mode 100644
index 0000000..c3b8707
--- /dev/null
+++ b/public/assets/images/chains/420.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="122" height="122" viewBox="0 0 122 122">
+  <g id="optimism-logo" transform="translate(-219 -213)">
+    
+    <g id="optimism-logo-circle" transform="translate(219 213)">
+      <circle id="Ellipse_11" data-name="Ellipse 11" cx="61" cy="61" r="61" fill="#ff0420"/>
+      <path id="Path_139" data-name="Path 139" d="M113.533,178.026a14.656,14.656,0,0,1-8.924-2.563,8.762,8.762,0,0,1-3.432-7.413,16.433,16.433,0,0,1,.229-2.471q.595-3.3,1.693-7.917,3.112-12.585,16.062-12.585a15.966,15.966,0,0,1,6.315,1.19,9.6,9.6,0,0,1,4.393,3.478,9.333,9.333,0,0,1,1.6,5.492,16.288,16.288,0,0,1-.229,2.425q-.687,4.073-1.647,7.917-1.6,6.269-5.537,9.381Q120.123,178.026,113.533,178.026Zm.641-6.59a6.5,6.5,0,0,0,4.348-1.51,8.424,8.424,0,0,0,2.608-4.622q1.053-4.3,1.6-7.505a10.5,10.5,0,0,0,.183-1.968q0-4.165-4.347-4.164a6.681,6.681,0,0,0-4.393,1.51,8.573,8.573,0,0,0-2.563,4.622q-.824,3.066-1.647,7.505a9.791,9.791,0,0,0-.183,1.922Q109.78,171.436,114.174,171.436Z" transform="translate(-70.332 -100.849)" fill="#fff"/>
+      <path id="Path_140" data-name="Path 140" d="M205.3,178.612a.97.97,0,0,1-.778-.32,1.1,1.1,0,0,1-.137-.824l6.315-29.746a1.31,1.31,0,0,1,.5-.824,1.4,1.4,0,0,1,.87-.32h12.173a14.148,14.148,0,0,1,8.146,2.105,6.9,6.9,0,0,1,3.112,6.087,10.955,10.955,0,0,1-.275,2.38,12.39,12.39,0,0,1-4.622,7.78q-3.432,2.517-9.427,2.517H215l-2.105,10.022a1.311,1.311,0,0,1-.5.824,1.4,1.4,0,0,1-.869.32Zm16.2-17.482a5.451,5.451,0,0,0,3.341-1.052,4.942,4.942,0,0,0,1.922-3.02,8.022,8.022,0,0,0,.137-1.373,2.543,2.543,0,0,0-.778-2.014,3.836,3.836,0,0,0-2.654-.732h-5.491l-1.739,8.191Z" transform="translate(-142.055 -101.892)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file