feat: add etherlink

Author: antoncoding

.env.local.example

@@ -41,6 +41,7 @@ NEXT_PUBLIC_BASE_RPC=
 NEXT_PUBLIC_POLYGON_RPC=
 NEXT_PUBLIC_UNICHAIN_RPC=
 NEXT_PUBLIC_ARBITRUM_RPC=
+NEXT_PUBLIC_ETHERLINK_RPC=
 NEXT_PUBLIC_HYPEREVM_RPC=
 NEXT_PUBLIC_MONAD_RPC=
 

src/config/appkit.ts

@@ -5,6 +5,7 @@ import { createStorage, type Storage } from 'wagmi';
 import localStorage from 'local-storage-fallback';
 import { createAppKit } from '@reown/appkit/react';
 import type { AppKitNetwork } from '@reown/appkit/networks';
+import { etherlink } from 'viem/chains';
 import { arbitrum, base, mainnet, monad, optimism, polygon, unichain } from 'wagmi/chains';
 import { SupportedNetworks, getDefaultRPC, hyperEvm } from '@/utils/networks';
 
@@ -51,6 +52,7 @@ const customBase = withAppKitRpc(base, getDefaultRPC(SupportedNetworks.Base));
 const customPolygon = withAppKitRpc(polygon, getDefaultRPC(SupportedNetworks.Polygon));
 const customArbitrum = withAppKitRpc(arbitrum, getDefaultRPC(SupportedNetworks.Arbitrum));
 const customUnichain = withAppKitRpc(unichain, getDefaultRPC(SupportedNetworks.Unichain));
+const customEtherlink = withAppKitRpc(etherlink, getDefaultRPC(SupportedNetworks.Etherlink));
 const customMonad = withAppKitRpc(monad, getDefaultRPC(SupportedNetworks.Monad));
 const customHyperEvm = withAppKitRpc(hyperEvm, getDefaultRPC(SupportedNetworks.HyperEVM));
 
@@ -62,6 +64,7 @@ export const networks = [
   customPolygon,
   customArbitrum,
   customUnichain,
+  customEtherlink,
   customHyperEvm,
   customMonad,
 ] as [AppKitNetwork, ...AppKitNetwork[]];

src/constants/public-allocator.ts

@@ -7,6 +7,7 @@ export const PUBLIC_ALLOCATOR_ADDRESSES: Partial<Record<SupportedNetworks, `0x${
   [SupportedNetworks.Polygon]: '0xfac15aff53ADd2ff80C2962127C434E8615Df0d3',
   [SupportedNetworks.Unichain]: '0xB0c9a107fA17c779B3378210A7a593e88938C7C9',
   [SupportedNetworks.Arbitrum]: '0x769583Af5e9D03589F159EbEC31Cc2c23E8C355E',
+  [SupportedNetworks.Etherlink]: '0x8b8B1bd41d36c06253203CD21463994aB752c1e6',
   [SupportedNetworks.HyperEVM]: '0x517505be22D9068687334e69ae7a02fC77edf4Fc',
   [SupportedNetworks.Monad]: '0xfd70575B732F9482F4197FE1075492e114E97302',
 };

src/features/admin-v2/components/chain-volume-chart.tsx

@@ -24,6 +24,7 @@ const CHAIN_COLOR_INDEX: Record<number, number> = {
   137: 3, // Polygon
   130: 4, // Unichain
   42161: 6, // Arbitrum
+  42793: 7, // Etherlink
   999: 5, // HyperEVM
   143: 2, // Monad
 };

src/features/autovault/components/vault-identity.tsx

@@ -7,7 +7,7 @@ import { ExternalLinkIcon } from '@radix-ui/react-icons';
 import { TokenIcon } from '@/components/shared/token-icon';
 import { TooltipContent } from '@/components/shared/tooltip-content';
 import type { VaultCurator } from '@/constants/vaults/known_vaults';
-import { getVaultURL } from '@/utils/external';
+import { getVaultURL, supportsMorphoAppLinks } from '@/utils/external';
 import { VaultIcon } from './vault-icon';
 
 type VaultIdentityVariant = 'chip' | 'inline' | 'icon';
@@ -44,6 +44,7 @@ export function VaultIdentity({
   showAddressInTooltip = true,
 }: VaultIdentityProps) {
   const vaultHref = useMemo(() => getVaultURL(address, chainId), [address, chainId]);
+  const canLinkToMorpho = useMemo(() => supportsMorphoAppLinks(chainId), [chainId]);
   const formattedAddress = `${address.slice(0, 6)}...${address.slice(-4)}`;
   const displayName = vaultName ?? formattedAddress;
   const curatorLabel = curator === 'unknown' ? 'Curator unknown' : `Curated by ${curator}`;
@@ -92,19 +93,20 @@ export function VaultIdentity({
     );
   })();
 
-  const interactiveContent = showLink ? (
-    <Link
-      href={vaultHref}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="no-underline"
-      onClick={(e) => e.stopPropagation()}
-    >
-      {baseContent}
-    </Link>
-  ) : (
-    baseContent
-  );
+  const interactiveContent =
+    showLink && canLinkToMorpho ? (
+      <Link
+        href={vaultHref}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="no-underline"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {baseContent}
+      </Link>
+    ) : (
+      baseContent
+    );
 
   if (!showTooltip) {
     return interactiveContent;

src/features/market-detail/components/market-header.tsx

@@ -34,7 +34,7 @@ import { convertApyToApr } from '@/utils/rateMath';
 import { formatReadable } from '@/utils/balance';
 import { getIRMTitle } from '@/utils/morpho';
 import { getNetworkImg, getNetworkName, type SupportedNetworks } from '@/utils/networks';
-import { getMarketURL } from '@/utils/external';
+import { getMarketURL, supportsMorphoAppLinks } from '@/utils/external';
 import type { Market, MarketPosition, WarningWithDetail } from '@/utils/types';
 import { WarningCategory } from '@/utils/types';
 import { getRiskLevel, countWarningsByLevel, type RiskLevel } from '@/utils/warnings';
@@ -630,12 +630,14 @@ export function MarketHeader({
                       Accrue Interest
                     </DropdownMenuItem>
                   )}
-                  <DropdownMenuItem
-                    onClick={() => window.open(getMarketURL(resolvedMarketId, network), '_blank')}
-                    startContent={<FiExternalLink className="h-4 w-4" />}
-                  >
-                    View on Morpho
-                  </DropdownMenuItem>
+                  {supportsMorphoAppLinks(network) && (
+                    <DropdownMenuItem
+                      onClick={() => window.open(getMarketURL(resolvedMarketId, network), '_blank')}
+                      startContent={<FiExternalLink className="h-4 w-4" />}
+                    >
+                      View on Morpho
+                    </DropdownMenuItem>
+                  )}
                 </DropdownMenuContent>
               </DropdownMenu>
             </div>