From b12166bb5b100e2531ccda8aaf8b984311a9bd2f Mon Sep 17 00:00:00 2001
From: Abby L <yu950713@gmail.com>
Date: Thu, 6 Jul 2023 20:09:06 +0800
Subject: [PATCH 1/5] chore: converter - refactor footer

---
 apps/converter/src/app/layout.tsx        | 21 ++-----------------
 apps/converter/src/components/Footer.tsx | 26 ++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 19 deletions(-)
 create mode 100644 apps/converter/src/components/Footer.tsx

diff --git a/apps/converter/src/app/layout.tsx b/apps/converter/src/app/layout.tsx
index 75350930..ee5014c8 100644
--- a/apps/converter/src/app/layout.tsx
+++ b/apps/converter/src/app/layout.tsx
@@ -7,14 +7,13 @@ import {
   PageWrapper,
   PageBackroundImage,
   PageContainer,
-  MantleLogoIcon,
 } from "@mantle/ui";
-import CONST from "@mantle/constants";
 
 import Head from "@app/head";
 import Providers from "@app/providers";
 
 import Nav from "@components/Nav";
+import Footer from "@components/Footer";
 
 import bridgeBG from "../../public/bridge-bg.png";
 
@@ -43,23 +42,7 @@ export default function RootLayout({
             className="h-screen"
           >
             <PageContainer className="grow">{children}</PageContainer>
-            <div className="flex justify-center items-center py-8">
-              <div>
-                <a
-                  href={CONST.WEBSITE}
-                  rel="noreferrer noopener"
-                  target="_blank"
-                  className="inline-block"
-                >
-                  <div className="flex flex-row align-center gap-4">
-                    <MantleLogoIcon height={40} width={40} />
-                    <div className="flex items-center">
-                      Mantle {new Date().getFullYear()}&nbsp;&#169;
-                    </div>
-                  </div>
-                </a>
-              </div>
-            </div>
+            <Footer />
           </PageWrapper>
         </Providers>
       </body>
diff --git a/apps/converter/src/components/Footer.tsx b/apps/converter/src/components/Footer.tsx
new file mode 100644
index 00000000..cb0ab89d
--- /dev/null
+++ b/apps/converter/src/components/Footer.tsx
@@ -0,0 +1,26 @@
+import { MantleLogoIcon } from "@mantle/ui";
+import CONST from "@mantle/constants";
+
+function Footer() {
+  return (
+    <div className="flex justify-center items-center py-8">
+      <div>
+        <a
+          href={CONST.WEBSITE}
+          rel="noreferrer noopener"
+          target="_blank"
+          className="inline-block"
+        >
+          <div className="flex flex-row align-center gap-4">
+            <MantleLogoIcon height={40} width={40} />
+            <div className="flex items-center">
+              Mantle {new Date().getFullYear()}&nbsp;&#169;
+            </div>
+          </div>
+        </a>
+      </div>
+    </div>
+  );
+}
+
+export default Footer;

From 756997d0f81b75456cf4cac145661c7e6a4276c9 Mon Sep 17 00:00:00 2001
From: Abby L <yu950713@gmail.com>
Date: Thu, 6 Jul 2023 20:13:21 +0800
Subject: [PATCH 2/5] feat: converter - coming soon v1

---
 apps/converter/src/app/layout.tsx               |  6 ++++--
 apps/converter/src/app/page.tsx                 |  5 +++++
 apps/converter/src/components/Nav.tsx           | 11 ++++++++---
 .../src/components/comingSoon/index.tsx         | 17 +++++++++++++++++
 apps/converter/src/config/constants.ts          |  3 +++
 5 files changed, 37 insertions(+), 5 deletions(-)
 create mode 100644 apps/converter/src/components/comingSoon/index.tsx

diff --git a/apps/converter/src/app/layout.tsx b/apps/converter/src/app/layout.tsx
index ee5014c8..fb26ce25 100644
--- a/apps/converter/src/app/layout.tsx
+++ b/apps/converter/src/app/layout.tsx
@@ -12,6 +12,7 @@ import {
 import Head from "@app/head";
 import Providers from "@app/providers";
 
+import { isComingSoon } from "@config/constants";
 import Nav from "@components/Nav";
 import Footer from "@components/Footer";
 
@@ -36,13 +37,14 @@ export default function RootLayout({
               <PageBackroundImage
                 imgSrc={bridgeBG}
                 altDesc="Bridge Background Image"
+                className={isComingSoon ? "blur-md" : ""}
               />
             }
-            header={<Nav className="mb-0 m-0" />}
+            header={<Nav className="mb-0 m-0" hideConnectBtn={isComingSoon} />}
             className="h-screen"
           >
             <PageContainer className="grow">{children}</PageContainer>
-            <Footer />
+            {!isComingSoon && <Footer />}
           </PageWrapper>
         </Providers>
       </body>
diff --git a/apps/converter/src/app/page.tsx b/apps/converter/src/app/page.tsx
index 5bf2f73d..5e490377 100644
--- a/apps/converter/src/app/page.tsx
+++ b/apps/converter/src/app/page.tsx
@@ -1,6 +1,11 @@
 // Page components
+import { isComingSoon } from "@config/constants";
 import Converter from "@components/converter/Convert";
+import ComingSoon from "@components/comingSoon";
 
 export default async function Page() {
+  if (isComingSoon) {
+    return <ComingSoon />;
+  }
   return <Converter />;
 }
diff --git a/apps/converter/src/components/Nav.tsx b/apps/converter/src/components/Nav.tsx
index 50553db2..3d462fce 100644
--- a/apps/converter/src/components/Nav.tsx
+++ b/apps/converter/src/components/Nav.tsx
@@ -4,14 +4,19 @@ import { Header } from "@mantle/ui/src/navigation/Header";
 import ConnectWallet from "@components/ConnectWallet";
 import { usePathname } from "next/navigation";
 
-function Nav({ className }: { className: string }) {
+type NavProps = {
+  className: string;
+  hideConnectBtn: boolean;
+};
+
+function Nav({ className, hideConnectBtn }: NavProps) {
   // use the given pathName to set active on navItem
   const pathName = usePathname();
 
   // these nav items will navigate internally
   const NAV_ITEMS = [
     {
-      name: "Converter",
+      name: "Migrate",
       href: "/",
       internal: true,
       active: pathName === "/",
@@ -29,7 +34,7 @@ function Nav({ className }: { className: string }) {
   return (
     <Header
       navLite
-      walletConnect={<ConnectWallet />}
+      walletConnect={hideConnectBtn ? null : <ConnectWallet />}
       navItems={NAV_ITEMS}
       className={className}
     />
diff --git a/apps/converter/src/components/comingSoon/index.tsx b/apps/converter/src/components/comingSoon/index.tsx
new file mode 100644
index 00000000..e8c53346
--- /dev/null
+++ b/apps/converter/src/components/comingSoon/index.tsx
@@ -0,0 +1,17 @@
+import { Typography } from "@mantle/ui";
+
+export default function ComingSoon() {
+  return (
+    <>
+      <div className="md:grow md:mt-0 mt-36 flex justify-center items-center">
+        <Typography className="text-center md:text-[80px] text-[42px] font-medium">
+          Migrate $BIT
+        </Typography>
+      </div>
+
+      <Typography className="md:my-40 my-8 text-center md:text-[42px] text-[28px] font-medium">
+        Coming soon
+      </Typography>
+    </>
+  );
+}
diff --git a/apps/converter/src/config/constants.ts b/apps/converter/src/config/constants.ts
index 2d60649e..573bcf24 100644
--- a/apps/converter/src/config/constants.ts
+++ b/apps/converter/src/config/constants.ts
@@ -297,3 +297,6 @@ export enum ErrorMessages {
   INSUFFICIENT_GAS = "You do not have enough gas to cover the transaction cost.",
   HALTED = "Conversion halted. Contract is under maintenance. Please check later.",
 }
+
+// TODO: swap to === after testing in preview environment
+export const isComingSoon = process.env.VERCEL_ENV !== "production";

From 28c1768a239f741ad68368d2e9ff6e287a7101ac Mon Sep 17 00:00:00 2001
From: Abby L <yu950713@gmail.com>
Date: Thu, 6 Jul 2023 20:27:31 +0800
Subject: [PATCH 3/5] feat: converter - update copy

---
 apps/converter/src/components/comingSoon/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/converter/src/components/comingSoon/index.tsx b/apps/converter/src/components/comingSoon/index.tsx
index e8c53346..796449b1 100644
--- a/apps/converter/src/components/comingSoon/index.tsx
+++ b/apps/converter/src/components/comingSoon/index.tsx
@@ -5,7 +5,7 @@ export default function ComingSoon() {
     <>
       <div className="md:grow md:mt-0 mt-36 flex justify-center items-center">
         <Typography className="text-center md:text-[80px] text-[42px] font-medium">
-          Migrate $BIT
+          Migrator
         </Typography>
       </div>
 

From aed43d78e109b059482376c68eab4c800a9aaa0a Mon Sep 17 00:00:00 2001
From: Abby L <yu950713@gmail.com>
Date: Thu, 6 Jul 2023 20:39:02 +0800
Subject: [PATCH 4/5] feat: converter - update coming soon check logic

---
 apps/converter/src/config/constants.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/converter/src/config/constants.ts b/apps/converter/src/config/constants.ts
index 573bcf24..844e8514 100644
--- a/apps/converter/src/config/constants.ts
+++ b/apps/converter/src/config/constants.ts
@@ -298,5 +298,4 @@ export enum ErrorMessages {
   HALTED = "Conversion halted. Contract is under maintenance. Please check later.",
 }
 
-// TODO: swap to === after testing in preview environment
-export const isComingSoon = process.env.VERCEL_ENV !== "production";
+export const isComingSoon = process.env.VERCEL_ENV === "production";

From afbc676a90927ce044de1d139c3277eb697c7939 Mon Sep 17 00:00:00 2001
From: Abby L <yu950713@gmail.com>
Date: Thu, 6 Jul 2023 21:23:39 +0800
Subject: [PATCH 5/5] feat: indicate coming soon with another env

---
 apps/converter/src/config/constants.ts | 3 ++-
 turbo.json                             | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/converter/src/config/constants.ts b/apps/converter/src/config/constants.ts
index 844e8514..c5f59151 100644
--- a/apps/converter/src/config/constants.ts
+++ b/apps/converter/src/config/constants.ts
@@ -298,4 +298,5 @@ export enum ErrorMessages {
   HALTED = "Conversion halted. Contract is under maintenance. Please check later.",
 }
 
-export const isComingSoon = process.env.VERCEL_ENV === "production";
+export const isComingSoon =
+  process.env.NEXT_PUBLIC_IS_COMING_SOON === "true" || false;
diff --git a/turbo.json b/turbo.json
index e626239b..a42a3c39 100644
--- a/turbo.json
+++ b/turbo.json
@@ -57,7 +57,8 @@
         "NEXT_PUBLIC_SITE_URL",
         "NEXT_PUBLIC_VERCEL_URL",
         "NEXT_PUBLIC_L1_CHAIN_ID",
-        "NEXT_PUBLIC_L2_CHAIN_ID"
+        "NEXT_PUBLIC_L2_CHAIN_ID",
+        "NEXT_PUBLIC_IS_COMING_SOON"
       ],
       "cache": false
     },