feat(synapse-interface): Adds Scroll via RFQ (#2526)

* Adds Scroll via RFQ

* Adds NewTag

* Adds RFQ logic into the generateMaps script

* Adds announcement banner

* Linting

* Adjusts order

* API call for quotes

* Updates bridgeMap for live Scroll quotes

* For reusing NewTag

* Adjust dates

packages/synapse-interface/components/Maintenance/components/AnnouncementBanner.tsx

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react'
 import { getCountdownTimeStatus } from './EventCountdownProgressBar'
-import { isNull } from 'lodash'
 
 /**
  * Generic Message Banner that appears between defined start and end time.

packages/synapse-interface/components/layouts/LandingPageWrapper/index.tsx

@@ -26,6 +26,7 @@ import { MoreButton } from './MoreButton'
 import { PageFooter } from './PageFooter'
 import { joinClassNames } from '@/utils/joinClassNames'
 import { MaintenanceBanners } from '@/components/Maintenance/Maintenance'
+import { AnnouncementBanner } from '@/components/Maintenance/components/AnnouncementBanner'
 
 const wrapperClassName = joinClassNames({
   textColor: 'text-zinc-800 dark:text-zinc-200',
@@ -49,6 +50,12 @@ export function LandingPageWrapper({ children }: { children: any }) {
   return (
     <div className="dark">
       <div className={wrapperClassName} style={TODO_REMOVE_wrapperStyle}>
+        <AnnouncementBanner
+          bannerId="2024-05-02-scroll-launch"
+          bannerContents="Synapse Protocol now available on Scroll"
+          startDate={new Date('2024-05-08T18:45:09+00:00')}
+          endDate={new Date('2024-05-27T18:45:09+00:00')}
+        />
         <MaintenanceBanners />
         <LandingNav />
         {children}

packages/synapse-interface/components/ui/NewTag.tsx

@@ -0,0 +1,11 @@
+import { joinClassNames } from '@/utils/joinClassNames'
+
+export const NewTag = () => {
+  const className = joinClassNames({
+    space: 'px-2 py-[2px] rounded-md',
+    border: 'border border-fuchsia-500',
+    background: 'bg-gradient-to-r from-fuchsia-950 to-purple-900',
+    font: 'text-sm ',
+  })
+  return <div className={className}>New!</div>
+}

packages/synapse-interface/components/ui/SelectSpecificNetworkButton.tsx

@@ -8,6 +8,7 @@ import {
   sortTokensByBalanceDescending,
 } from '@/utils/actions/fetchPortfolioBalances'
 import { joinClassNames } from '@/utils/joinClassNames'
+import { NewTag } from '@/components/ui/NewTag'
 
 export const SelectSpecificNetworkButton = ({
   itemChainId,
@@ -80,7 +81,10 @@ function ButtonContent({
           />
           {chain.name}
         </span>
-        {isOrigin && <ChainTokens balanceTokens={balanceTokens} />}
+        {chain.isNew && <NewTag />}
+        {isOrigin && balanceTokens?.length > 0 && (
+          <ChainTokens balanceTokens={balanceTokens} />
+        )}
       </div>
     )
   )

packages/synapse-interface/constants/bridge.ts

@@ -42,32 +42,6 @@ export const BRIDGE_CONFIG_ADDRESSES = {
   [CHAINS.POLYGON.id]: '0xd69229f223a8fc84998e1361ae7b4ff724cf4a49', // TESTING ADDRESS
 }
 
-/**
- * number of required confirmations from bridge
- */
-export const BRIDGE_REQUIRED_CONFIRMATIONS = {
-  [CHAINS.ETH.id]: 33,
-  [CHAINS.BNB.id]: 33,
-  [CHAINS.POLYGON.id]: 128,
-  [CHAINS.FANTOM.id]: 80,
-  [CHAINS.BOBA.id]: 33,
-  [CHAINS.OPTIMISM.id]: 750,
-  [CHAINS.MOONBEAM.id]: 33,
-  [CHAINS.MOONRIVER.id]: 33,
-  [CHAINS.ARBITRUM.id]: 200,
-  [CHAINS.AVALANCHE.id]: 80,
-  [CHAINS.DFK.id]: 33,
-  [CHAINS.HARMONY.id]: 33,
-  [CHAINS.AURORA.id]: 33,
-  [CHAINS.CRONOS.id]: 33,
-  [CHAINS.METIS.id]: 33,
-  [CHAINS.DOGE.id]: 33,
-  [CHAINS.CANTO.id]: 20,
-  [CHAINS.BASE.id]: 750,
-  [CHAINS.KLAYTN.id]: 20,
-  [CHAINS.BLAST.id]: 750,
-}
-
 export const DEFAULT_FROM_TOKEN_SYMBOL = 'USDC'
 export const DEFAULT_TO_TOKEN_SYMBOL = 'USDC'
 export const DEFAULT_FROM_TOKEN = USDC