Update banner to include Base and set display date (#476)

* Update banner to include Base and set display date * bump connect version * update sub page config * update main banner message
XLabs · Oct 26, 2023 · 20feb80 · 20feb80
1 parent cb1d7cd
commit 20feb80
Show file tree

Hide file tree

Showing 9 changed files with 48 additions and 81 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xlabs/portal-bridge-ui",
-  "version": "0.1.87",
+  "version": "0.1.88",
   "private": true,
   "dependencies": {
     "@certusone/wormhole-sdk": "^0.10.4",

diff --git a/public/cosmos/index.html b/public/cosmos/index.html
@@ -35,7 +35,7 @@
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div class="root">
     <div class="container">
-      <div class="wormholescan-banner" id="wormholescan-banner">
+      <div class="wormholescan-banner" id="wormholescan-banner" style="display: none;">
         <p style="color: white; font-size: 16px; font-family: Poppins; font-weight: 700; line-height: 20.02px; letter-spacing: 0.28px; overflow-wrap: break-word;">
           Introducing Wormholescan: &nbsp;</p>
         <p style="color: white; font-size: 16px; font-family: Poppins; font-weight: 500; line-height: 20.02px; letter-spacing: 0.28px; overflow-wrap: break-word;">
@@ -45,7 +45,7 @@
       </div>
       <div class="cctp-banner" id="cctp-banner" style="display: none;">
         <span>
-          Experience frictionless USDC transfers between Ethereum, Avalanche, Arbitrum, and Optimism with Circle's CCTP.
+          Experience frictionless USDC transfers between Ethereum, Avalanche, Optimism, Base and Arbitrum with Circle's CCTP.
         </span>
         <a class="cctp-link" href="https://portalbridge.com/usdc-bridge" target="_blank" rel="noopener noreferrer">
           TRY IT NOW
@@ -118,14 +118,16 @@
 
   <script src="../wormhole-connect/main.js"></script>
   <script>
-    // To show Optimism option on SEPT 4th 2023
-    if (new Date() < new Date(2023, 8, 8)) {
-      document.getElementById("cosmos-banner").style.display = "flex";
-      document.getElementById("cctp-banner").style.display = "none";
-
-    } else {
-      document.getElementById("cosmos-banner").style.display = "none";
+    const now = new Date();
+    const start = new Date(2023, 9, 26);
+    const ends = new Date(2023, 10, 6);
+    // To show CCTP Banner between October 26th and November 6th
+    if (start < now && now < ends) {
+      document.getElementById("wormholescan-banner").style.display = "none";
       document.getElementById("cctp-banner").style.display = "flex";
+    } else {
+      document.getElementById("wormholescan-banner").style.display = "flex";
+      document.getElementById("cctp-banner").style.display = "none";
     }
   </script>
 </body>

diff --git a/public/sui/index.html b/public/sui/index.html
@@ -35,7 +35,7 @@
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div class="root">
     <div class="container">
-      <div class="wormholescan-banner" id="wormholescan-banner">
+      <div id="wormholescan-banner" class="wormholescan-banner" style="display: none;">
         <p style="color: white; font-size: 16px; font-family: Poppins; font-weight: 700; line-height: 20.02px; letter-spacing: 0.28px; overflow-wrap: break-word;">
           Introducing Wormholescan: &nbsp;</p>
         <p style="color: white; font-size: 16px; font-family: Poppins; font-weight: 500; line-height: 20.02px; letter-spacing: 0.28px; overflow-wrap: break-word;">
@@ -45,7 +45,7 @@
       </div>
       <div class="cctp-banner" id="cctp-banner" style="display: none;">
         <span>
-          Experience frictionless USDC transfers between Ethereum, Avalanche, Arbitrum, and Optimism with Circle's CCTP.
+          Experience frictionless USDC transfers between Ethereum, Avalanche, Optimism, Base and Arbitrum with Circle's CCTP.
         </span>
         <a class="cctp-link" href="https://portalbridge.com/usdc-bridge" target="_blank" rel="noopener noreferrer">
           TRY IT NOW
@@ -118,14 +118,16 @@
 
   <script src="../wormhole-connect/main.js"></script>
   <script>
-    // To show Optimism option on SEPT 4th 2023
-    if (new Date() < new Date(2023, 8, 8)) {
-      document.getElementById("cosmos-banner").style.display = "flex";
-      document.getElementById("cctp-banner").style.display = "none";
-
-    } else {
-      document.getElementById("cosmos-banner").style.display = "none";
+    const now = new Date();
+    const start = new Date(2023, 9, 26);
+    const ends = new Date(2023, 10, 6);
+    // To show CCTP Banner between October 26th and November 6th
+    if (start < now && now < ends) {
+      document.getElementById("wormholescan-banner").style.display = "none";
       document.getElementById("cctp-banner").style.display = "flex";
+    } else {
+      document.getElementById("wormholescan-banner").style.display = "flex";
+      document.getElementById("cctp-banner").style.display = "none";
     }
   </script>
 </body>

diff --git a/public/usdc-bridge/index.html b/public/usdc-bridge/index.html
@@ -6,22 +6,25 @@
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description"
-    content="Portal is a bridge that offers unlimited transfers across chains for tokens and NFTs wrapped by Wormhole." />
-  <meta property="og:title" content="Portal Token Bridge" />
+  <meta
+    name="description"
+    content="Bridge USDC natively between blockchains for free. Send or transfer USDC between Ethereum, Avalanche, Optimism, Base, and Arbitrum powered by Circle's Cross-Chain Transfer Protocol."
+  />
+  <meta property="og:title" content="USDC Bridge: Native Cross-Chain USDC Transfers" />
   <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://portalbridge.com" />
-  <meta property="og:image" content="/wormhole.png" />
+  <meta property="og:url" content="https://portalbridge.com/usdc-bridge" />
+  <meta property="og:image" content="./powered-by.png" />
   <meta property="og:image:alt" content="Wormhole logo" />
-  <meta property="og:description"
-    content="Portal is a bridge that offers unlimited transfers across chains for tokens and NFTs wrapped by Wormhole." />
+  <meta name="twitter:title" content="USDC Bridge: Native Cross-Chain USDC Transfers" />
+  <meta
+    name="twitter:description"
+    content="Bridge or transfer native USDC between Ethereum, Avalanche, Optimism, Base and Arbitrum powered by CCTP."
+  />
   <meta name="twitter:site" content="@portalbridge_" />
   <meta name="twitter:creator" content="@portalbridge_" />
   <meta name="twitter:card" content="summary_large_image" />
   <link rel="apple-touch-icon" href="/logo192.png" />
-
   <link rel="manifest" href="/manifest.json" />
-
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap"
@@ -90,9 +93,8 @@
           </div>
         </div>
       </header>
-
       <div id="wormhole-connect"
-        config='{"routes": ["cctpManual", "cctpRelay"], "networks": ["ethereum", "avalanche", "arbitrum", "optimism"], "tokens": ["USDCeth", "USDCavax", "USDCarbitrum", "USDCoptimism"], "env": "mainnet", "pageHeader": "USDC Bridge","mode":"dark","customTheme":{"background":{"default":"transparent"},"button":{"primary":"#ffffff19","primaryText":"#ffffff","disabled":"#ffffff0F","disabledText":"#ffffff66","action":"#ffffff","actionText":"#17153F","hover":"#ffffff0F"},"font":{"primary":"Poppins, sans-serif","header":"Suisse BP Intl, sans-serif"}}}'>
+        config='{"routes": ["cctpManual", "cctpRelay"], "networks": ["ethereum", "avalanche", "arbitrum", "optimism", "base"], "tokens": ["USDCeth", "USDCavax", "USDCarbitrum", "USDCoptimism", "USDCbase"], "env": "mainnet", "pageHeader": "USDC Bridge","mode":"dark","customTheme":{"background":{"default":"transparent"},"button":{"primary":"#ffffff19","primaryText":"#ffffff","disabled":"#ffffff0F","disabledText":"#ffffff66","action":"#ffffff","actionText":"#17153F","hover":"#ffffff0F"},"font":{"primary":"Poppins, sans-serif","header":"Suisse BP Intl, sans-serif"}}}'>
       </div>
       <div class="poweredBy">
         <span>Powered by </span>

diff --git a/public/usdc-bridge/powered-by.png b/public/usdc-bridge/powered-by.png
diff --git a/src/components/NewsBar/messages.tsx b/src/components/NewsBar/messages.tsx
@@ -22,51 +22,12 @@ const messages: Record<string, Message> = {
     },
     content: (
       <>
-        "Experience frictionless USDC transfers between Ethereum, Avalanche,
-        Arbitrum, and Optimism with Circle's CCTP."
+        Experience frictionless USDC transfers between Ethereum, Avalanche,
+        Optimism, Base and Arbitrum with Circle's CCTP.
       </>
     ),
-    start: new Date(2020, 10, 23), // any date in the past would be fine
-  },
-  cosmos: {
-    background:
-      "linear-gradient(1deg, #9577F4 0%, #AD55DA 28.96%, #CA2EBD 100%);",
-    button: {
-      href: `${process.env.PUBLIC_URL}/cosmos`,
-      label: "TRY IT NOW",
-      background: "#17153F",
-    },
-    content: (
-      <>
-        <Typography
-          variant="body1"
-          style={{
-            color: "white",
-            fontSize: 16,
-            fontFamily: "Poppins",
-            fontWeight: 500,
-            letterSpacing: 0.28,
-            wordWrap: "break-word",
-          }}
-        >
-          Wormhole Gateway is now live on mainnet! &nbsp;
-        </Typography>
-        <Typography
-          variant="body1"
-          style={{
-            color: "white",
-            fontSize: 16,
-            fontFamily: "Poppins",
-            fontWeight: 700,
-            letterSpacing: 0.28,
-            wordWrap: "break-word",
-          }}
-        >
-          Bridge your assets to Osmosis today.
-        </Typography>
-      </>
-    ),
-    start: new Date(2023, 8, 8),
+    start: new Date(2023, 9, 26),
+    ends: new Date(2023, 10, 6),
   },
   wormholescan: {
     background:
@@ -108,7 +69,7 @@ const messages: Record<string, Message> = {
         </Typography>
       </>
     ),
-    start: new Date(2023, 9, 20),
+    start: new Date(2023, 9, 20), // any date in the past would be fine
   },
 };
 

diff --git a/wormhole-connect/package-lock.json b/wormhole-connect/package-lock.json
diff --git a/wormhole-connect/package.json b/wormhole-connect/package.json
@@ -9,7 +9,7 @@
   "author": "xLabs Inc",
   "license": "ISC",
   "devDependencies": {
-    "@wormhole-foundation/wormhole-connect": "^0.0.13-beta.3-development",
+    "@wormhole-foundation/wormhole-connect": "0.1.3-beta.0-development",
     "rimraf": "5.0.1"
   }
 }