From 778b3d8c77e2a32bcaf53902421c09042e2ec5b2 Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 15:36:25 +0700
Subject: [PATCH 1/6] feat(layout): add migration banner to layout for initia

---
 src/lib/layout/index.tsx | 122 ++++++++++++++++++++++++++-------------
 1 file changed, 81 insertions(+), 41 deletions(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index 040237688..115b14219 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -1,9 +1,11 @@
-import { Grid, GridItem } from "@chakra-ui/react";
+import { Box, Button, Flex, Grid, GridItem, Text } from "@chakra-ui/react";
+import Link from "next/link";
 import { useRouter } from "next/router";
 import type { ReactNode } from "react";
 import { useEffect, useMemo } from "react";
 
-import { useMobile, useNavContext } from "lib/app-provider";
+import { useInitia, useMobile, useNavContext } from "lib/app-provider";
+import { CustomIcon } from "lib/components/icon";
 import { scrollToTop } from "lib/utils";
 
 import Footer from "./Footer";
@@ -20,6 +22,7 @@ const Layout = ({ children }: LayoutProps) => {
   const router = useRouter();
   const isMobile = useMobile();
   const { isExpand, setIsExpand } = useNavContext();
+  const isInitia = useInitia();
 
   const defaultRow = "64px 48px 1fr";
   const mode = useMemo(() => {
@@ -48,46 +51,83 @@ const Layout = ({ children }: LayoutProps) => {
   }, [router.asPath, router.query.tab]);
 
   return (
-    <Grid
-      templateAreas={mode.templateAreas}
-      gridTemplateRows={mode.templateRows}
-      gridTemplateColumns={mode.templateCols}
-      h="100vh"
-      overflowX="hidden"
-      overflowY="auto"
-      bg="background.main"
-    >
-      <GridItem borderBottom="1px solid" borderColor="gray.700" area="header">
-        {mode.header}
-      </GridItem>
-      {!isMobile && (
-        <>
-          <GridItem
-            borderBottom="1px solid"
-            borderColor="gray.700"
-            area="subheader"
-            py={{ base: 2, md: 0 }}
-            px={{ base: 4, md: 0 }}
-          >
-            {mode.subHeader}
-          </GridItem>
-          <GridItem
-            borderRight="1px solid"
-            borderColor="gray.700"
-            area="nav"
-            overflowY="auto"
-          >
-            <Navbar isExpand={isExpand} setIsExpand={setIsExpand} />
-          </GridItem>
-        </>
+    <Box>
+      {isInitia && (
+        <Flex
+          py={{
+            base: 3,
+            md: 2,
+          }}
+          px={3}
+          bg="primary.darker"
+          justifyContent="center"
+          flexDirection={{ base: "column", md: "row" }}
+          gap={{
+            base: 2,
+            md: 6,
+          }}
+          alignItems={{
+            base: "flex-end",
+            md: "center",
+          }}
+        >
+          <Text variant="body1">
+            Initia Wallet extension is being deprecated. Existing extension
+            users must migrate to be eligible for future incentives.
+          </Text>
+          <Link href="#" target="_blank" rel="noopener noreferrer">
+            <Button
+              size="sm"
+              rightIcon={<CustomIcon name="launch" boxSize={2.5} />}
+            >
+              Migrate Wallet
+            </Button>
+          </Link>
+        </Flex>
       )}
-      <GridItem area="main" overflowX="hidden" id="content">
-        <div style={{ minHeight: "calc(100vh - 129px)", position: "relative" }}>
-          {children}
-        </div>
-        <Footer />
-      </GridItem>
-    </Grid>
+      <Grid
+        templateAreas={mode.templateAreas}
+        gridTemplateRows={mode.templateRows}
+        gridTemplateColumns={mode.templateCols}
+        h="100vh"
+        overflowX="hidden"
+        overflowY="auto"
+        bg="background.main"
+      >
+        <GridItem borderBottom="1px solid" borderColor="gray.700" area="header">
+          {mode.header}
+        </GridItem>
+        {!isMobile && (
+          <>
+            <GridItem
+              borderBottom="1px solid"
+              borderColor="gray.700"
+              area="subheader"
+              py={{ base: 2, md: 0 }}
+              px={{ base: 4, md: 0 }}
+            >
+              {mode.subHeader}
+            </GridItem>
+            <GridItem
+              borderRight="1px solid"
+              borderColor="gray.700"
+              area="nav"
+              overflowY="auto"
+            >
+              <Navbar isExpand={isExpand} setIsExpand={setIsExpand} />
+            </GridItem>
+          </>
+        )}
+        <GridItem area="main" overflowX="hidden" id="content">
+          <div
+            style={{ minHeight: "calc(100vh - 129px)", position: "relative" }}
+          >
+            {children}
+          </div>
+          <Footer />
+        </GridItem>
+      </Grid>
+    </Box>
   );
 };
 

From d0ae9502e8a0ff4db9b305f8c548920a561aa7a6 Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 16:31:01 +0700
Subject: [PATCH 2/6] feat: migration banner link and text

---
 src/lib/layout/index.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index 115b14219..b486db14f 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -71,11 +71,16 @@ const Layout = ({ children }: LayoutProps) => {
             md: "center",
           }}
         >
-          <Text variant="body1">
+          <Text variant="body2">
             Initia Wallet extension is being deprecated. Existing extension
-            users must migrate to be eligible for future incentives.
+            users must migrate before March 18, 2025 22:00 EST to be eligible
+            for future incentives.
           </Text>
-          <Link href="#" target="_blank" rel="noopener noreferrer">
+          <Link
+            href="https://migration.initia.xyz"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <Button
               size="sm"
               rightIcon={<CustomIcon name="launch" boxSize={2.5} />}

From c4270c239191b557ec0e3511764d450b3c54b5e2 Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 17:54:21 +0700
Subject: [PATCH 3/6] feat: update date

---
 src/lib/layout/index.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index b486db14f..435259195 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -1,4 +1,6 @@
 import { Box, Button, Flex, Grid, GridItem, Text } from "@chakra-ui/react";
+import dayjs from "dayjs";
+import pluginUtc from "dayjs/plugin/utc";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import type { ReactNode } from "react";
@@ -14,6 +16,8 @@ import MobileHeader from "./mobile/MobileHeader";
 import Navbar from "./navbar";
 import SubHeader from "./subheader";
 
+dayjs.extend(pluginUtc);
+
 type LayoutProps = {
   children: ReactNode;
 };
@@ -50,6 +54,11 @@ const Layout = ({ children }: LayoutProps) => {
     }
   }, [router.asPath, router.query.tab]);
 
+  const date = dayjs
+    .utc(new Date("2025-03-18T03:00:00Z"))
+    .local()
+    .format("MMMM DD, YYYY, h:mm A");
+
   return (
     <Box>
       {isInitia && (
@@ -73,8 +82,8 @@ const Layout = ({ children }: LayoutProps) => {
         >
           <Text variant="body2">
             Initia Wallet extension is being deprecated. Existing extension
-            users must migrate before March 18, 2025 22:00 EST to be eligible
-            for future incentives.
+            users must migrate before {date} to be eligible for future
+            incentives.
           </Text>
           <Link
             href="https://migration.initia.xyz"

From 9fafe804626e8628c3dc4f7811e9361d3cb2e069 Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 18:01:36 +0700
Subject: [PATCH 4/6] feat: update timezone

---
 src/lib/layout/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index 435259195..77f2c1522 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -54,10 +54,11 @@ const Layout = ({ children }: LayoutProps) => {
     }
   }, [router.asPath, router.query.tab]);
 
+  // March 18th, 2025 12:00 KST
   const date = dayjs
     .utc(new Date("2025-03-18T03:00:00Z"))
     .local()
-    .format("MMMM DD, YYYY, h:mm A");
+    .format("MMMM DD, YYYY, h:mm (UTCZ)");
 
   return (
     <Box>

From 2f49bc903151226681840a599eea2cbe02fa571a Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 18:04:55 +0700
Subject: [PATCH 5/6] feat: update banner

---
 src/lib/layout/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index 77f2c1522..693765e44 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -58,7 +58,7 @@ const Layout = ({ children }: LayoutProps) => {
   const date = dayjs
     .utc(new Date("2025-03-18T03:00:00Z"))
     .local()
-    .format("MMMM DD, YYYY, h:mm (UTCZ)");
+    .format("MMMM DD, YYYY, h:mm A (UTCZ)");
 
   return (
     <Box>

From d6f89058e2ab220b5bb97b74e064db892d11f7b1 Mon Sep 17 00:00:00 2001
From: Prach Yot <prach@Prachs-MacBook-Air.local>
Date: Thu, 6 Mar 2025 18:09:39 +0700
Subject: [PATCH 6/6] fix: remove comment

---
 src/lib/layout/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/layout/index.tsx b/src/lib/layout/index.tsx
index 693765e44..82fb13616 100644
--- a/src/lib/layout/index.tsx
+++ b/src/lib/layout/index.tsx
@@ -54,7 +54,6 @@ const Layout = ({ children }: LayoutProps) => {
     }
   }, [router.asPath, router.query.tab]);
 
-  // March 18th, 2025 12:00 KST
   const date = dayjs
     .utc(new Date("2025-03-18T03:00:00Z"))
     .local()