feat: link aptos market (#2528)

Author: foodaka

public/icons/markets/aptos.svg

@@ -1,4 +1,5 @@
 import { ChevronDownIcon } from '@heroicons/react/outline';
+import { ExternalLinkIcon } from '@heroicons/react/solid';
 import { Trans } from '@lingui/macro';
 import {
   Box,
@@ -130,8 +131,16 @@ export const MarketSwitcher = () => {
     .some((item) => !!item);
 
   const handleMarketSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
-    trackEvent(DASHBOARD.CHANGE_MARKET, { market: e.target.value });
-    setCurrentMarket(e.target.value as unknown as CustomMarket);
+    const selectedMarket = e.target.value as CustomMarket;
+    const market = marketsData[selectedMarket];
+    trackEvent(DASHBOARD.CHANGE_MARKET, { market: selectedMarket });
+
+    if (market.externalUrl) {
+      window.open(market.externalUrl, '_blank');
+      return;
+    }
+
+    setCurrentMarket(selectedMarket);
   };
 
   const marketBlurbs: { [key: string]: JSX.Element } = {
@@ -397,10 +406,28 @@ export const MarketSwitcher = () => {
             <ListItemText sx={{ mr: 0 }}>
               {marketNaming.name} {market.isFork ? 'Fork' : ''}
             </ListItemText>
-            <ListItemText sx={{ textAlign: 'right' }}>
+            <ListItemText
+              sx={{
+                textAlign: 'right',
+                display: 'flex',
+                alignItems: 'center',
+                flexDirection: 'row-reverse',
+                gap: 1,
+              }}
+            >
               <Typography color="text.muted" variant="description">
                 {marketNaming.testChainName}
               </Typography>
+              {market.externalUrl && (
+                <SvgIcon
+                  sx={{
+                    fontSize: '16px',
+                    color: 'text.muted',
+                  }}
+                >
+                  <ExternalLinkIcon />
+                </SvgIcon>
+              )}
             </ListItemText>
           </MenuItem>
         );

src/components/MarketSwitcher.tsx

@@ -55,6 +55,7 @@ export type MarketDataType = {
   disableCharts?: boolean;
   subgraphUrl?: string;
   logo?: string;
+  externalUrl?: string; // URL for external markets like Aptos
   addresses: {
     LENDING_POOL_ADDRESS_PROVIDER: string;
     LENDING_POOL: string;
@@ -101,6 +102,7 @@ export enum CustomMarket {
   proto_sonic_v3 = 'proto_sonic_v3',
   proto_celo_v3 = 'proto_celo_v3',
   proto_soneium_v3 = 'proto_soneium_v3',
+  proto_aptos_v3 = 'proto_aptos_v3',
   // v2
   proto_mainnet = 'proto_mainnet',
   proto_avalanche = 'proto_avalanche',
@@ -678,6 +680,21 @@ export const marketsData: {
       COLLECTOR: AaveV3ZkSync.COLLECTOR,
     },
   },
+  [CustomMarket.proto_aptos_v3]: {
+    marketTitle: 'Aptos',
+    market: CustomMarket.proto_aptos_v3,
+    v3: true,
+    chainId: ChainId.mainnet, // Using mainnet since Aptos is external
+    logo: '/icons/markets/aptos.svg',
+    externalUrl: 'https://aptos.aave.com',
+    addresses: {
+      LENDING_POOL_ADDRESS_PROVIDER: '',
+      LENDING_POOL: '',
+      WALLET_BALANCE_PROVIDER: '',
+      UI_POOL_DATA_PROVIDER: '',
+      UI_INCENTIVE_DATA_PROVIDER: '',
+    },
+  },
   [CustomMarket.proto_linea_v3]: {
     marketTitle: 'Linea',
     market: CustomMarket.proto_linea_v3,