chore: banner (#2551)

Author: foodaka

src/layouts/MainLayout.tsx

@@ -1,16 +1,23 @@
 import { ChainId } from '@aave/contract-helpers';
 import { Box } from '@mui/material';
+// import { useRouter } from 'next/router';
 import React, { ReactNode } from 'react';
 import AnalyticsConsent from 'src/components/Analytics/AnalyticsConsent';
 import { useModalContext } from 'src/hooks/useModal';
 import { FeedbackModal } from 'src/layouts/FeedbackDialog';
+// import { useRootStore } from 'src/store/root';
+import { CustomMarket } from 'src/ui-config/marketsConfig';
 import { FORK_ENABLED } from 'src/utils/marketsAndNetworksConfig';
 
+// import { useShallow } from 'zustand/shallow';
 import { AppFooter } from './AppFooter';
 import { AppHeader } from './AppHeader';
 import TopBarNotify from './TopBarNotify';
 
-const getCampaignConfigs = (openSwitch: (token?: string, chainId?: number) => void) => ({
+const getCampaignConfigs = (
+  openSwitch: (token?: string, chainId?: number) => void
+  // openMarket: (market: CustomMarket) => void
+) => ({
   [ChainId.base]: {
     notifyText: 'A new incentives campaign is live on the Base market',
     buttonText: 'Explore Base',
@@ -22,20 +29,105 @@ const getCampaignConfigs = (openSwitch: (token?: string, chainId?: number) => vo
     icon: '/icons/networks/base.svg',
   },
 
-  [ChainId.sonic]: {
-    notifyText: 'Swaps are now live on Sonic',
-    buttonText: 'Swap Now',
+  // [ChainId.sonic]: {
+  //   notifyText: 'Swaps are now live on Sonic',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.sonic),
+  //   },
+  //   bannerVersion: 'sonic-incentives-v1',
+  //   icon: '/icons/networks/sonic.svg',
+  // },
+
+  [ChainId.mainnet]: {
+    notifyText:
+      'If you hold Pendle PT tokens at maturity, you can now swap your collateral to a new maturity',
+    buttonText: 'Get Started',
     buttonAction: {
       type: 'function' as const,
-      value: () => openSwitch('', ChainId.sonic),
+      value: () => openSwitch(CustomMarket.proto_mainnet_v3),
     },
-    bannerVersion: 'sonic-incentives-v1',
-    icon: '/icons/networks/sonic.svg',
+    bannerVersion: 'ethereum-swap-v1',
+    // icon: '/icons/networks/ethereum.svg',
   },
+
+  // [ChainId.polygon]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.polygon),
+  //   },
+  //   bannerVersion: 'polygon-swap-v1',
+  //   icon: '/icons/networks/polygon.svg',
+  // },
+
+  // [ChainId.avalanche]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.avalanche),
+  //   },
+  //   bannerVersion: 'avalanche-swap-v1',
+  //   icon: '/icons/networks/avalanche.svg',
+  // },
+
+  // [ChainId.arbitrum_one]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.arbitrum_one),
+  //   },
+  //   bannerVersion: 'arbitrum-swap-v1',
+  //   icon: '/icons/networks/arbitrum.svg',
+  // },
+
+  // [ChainId.optimism]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.optimism),
+  //   },
+  //   bannerVersion: 'optimism-swap-v1',
+  //   icon: '/icons/networks/optimism.svg',
+  // },
+
+  // [ChainId.xdai]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.xdai),
+  //   },
+  //   bannerVersion: 'gnosis-swap-v1',
+  //   icon: '/icons/networks/gnosis.svg',
+  // },
+
+  // [ChainId.bnb]: {
+  //   notifyText: 'Swap tokens directly in the Aave App',
+  //   buttonText: 'Swap Now',
+  //   buttonAction: {
+  //     type: 'function' as const,
+  //     value: () => openSwitch('', ChainId.bnb),
+  //   },
+  //   bannerVersion: 'binance-swap-v1',
+  //   icon: '/icons/networks/binance.svg',
+  // },
 });
 
 export function MainLayout({ children }: { children: ReactNode }) {
   const { openSwitch } = useModalContext();
+  // const router = useRouter();
+  // const setCurrentMarket = useRootStore(useShallow((store) => store.setCurrentMarket));
+
+  // const openMarket = (market: CustomMarket) => {
+  //   setCurrentMarket(market);
+  //   router.push(`/markets/?marketName=${market}`);
+  // };
 
   const campaignConfigs = getCampaignConfigs(openSwitch);