consistency explorer url directory (#3053)

Author: aelmanaa

src/components/CCIP/Tables/TokenChainsTable.tsx

@@ -123,15 +123,18 @@ function TokenChainsTable({ networks, token, lanes, environment }: TableProps) {
                     <td>{network.tokenDecimals}</td>
                     <td data-clipboard-type="token">
                       <Address
-                        contractUrl={getExplorerAddressUrl(network.explorer)(network.tokenAddress)}
+                        contractUrl={getExplorerAddressUrl(network.explorer, network.chainType)(network.tokenAddress)}
                         address={network.tokenAddress}
                         endLength={6}
                       />
                     </td>
                     <td>{tokenPoolDisplay(network.tokenPoolType)}</td>
                     <td data-clipboard-type="token-pool">
                       <Address
-                        contractUrl={getExplorerAddressUrl(network.explorer)(network.tokenPoolAddress)}
+                        contractUrl={getExplorerAddressUrl(
+                          network.explorer,
+                          network.chainType
+                        )(network.tokenPoolAddress)}
                         address={network.tokenPoolAddress}
                         endLength={6}
                       />

src/config/data/ccip/data.ts

@@ -423,13 +423,14 @@ export const getAllNetworks = ({ filter }: { filter: Environment }): Network[] =
     const explorer = getExplorer(supportedChain)
     const router = chains[chain].router
     if (!explorer) throw Error(`Explorer not found for ${supportedChain}`)
-    const routerExplorerUrl = getExplorerAddressUrl(explorer)(router.address)
-    const nativeToken = getNativeCurrency(supportedChain)
-    if (!nativeToken) throw Error(`Native token not found for ${supportedChain}`)
 
     // Determine chain type based on chain name
     const { chainType } = getChainTypeAndFamily(supportedChain)
 
+    const routerExplorerUrl = getExplorerAddressUrl(explorer, chainType)(router.address)
+    const nativeToken = getNativeCurrency(supportedChain)
+    if (!nativeToken) throw Error(`Native token not found for ${supportedChain}`)
+
     allChains.push({
       name: title,
       logo,