From 25766dc0ec2449cac8520516ad562931eb665899 Mon Sep 17 00:00:00 2001
From: RadekSabacky <radek@nymtech.net>
Date: Tue, 14 Jan 2025 13:22:31 +0100
Subject: [PATCH 1/2] + add alert message into nav components

---
 explorer-nextjs/app/components/Nav/DesktopNav.tsx | 2 ++
 explorer-nextjs/app/components/Nav/MobileNav.tsx  | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/explorer-nextjs/app/components/Nav/DesktopNav.tsx b/explorer-nextjs/app/components/Nav/DesktopNav.tsx
index 618037ea04..e1faab46f1 100644
--- a/explorer-nextjs/app/components/Nav/DesktopNav.tsx
+++ b/explorer-nextjs/app/components/Nav/DesktopNav.tsx
@@ -20,6 +20,7 @@ import { NYM_WEBSITE } from '@/app/api/constants'
 import { useMainContext } from '@/app/context/main'
 import { MobileDrawerClose } from '@/app/icons/MobileDrawerClose'
 import { NavOptionType, originalNavOptions } from '@/app/context/nav'
+import { ReleaseAlert } from '@/app/components/ReleaseAlert'
 import { DarkLightSwitchDesktop } from '@/app/components/Switch'
 import { Footer } from '@/app/components/Footer'
 import { ConnectKeplrWallet } from '@/app/components/Wallet/ConnectKeplrWallet'
@@ -369,6 +370,7 @@ export const Nav: FCWithChildren = ({ children }) => {
         style={{ width: `calc(100% - ${drawerWidth}px` }}
         sx={{ py: 5, px: 6, mt: 7 }}
       >
+        <ReleaseAlert />
         {children}
         <Footer />
       </Box>
diff --git a/explorer-nextjs/app/components/Nav/MobileNav.tsx b/explorer-nextjs/app/components/Nav/MobileNav.tsx
index 91cb766ffc..3d1cfdcbf9 100644
--- a/explorer-nextjs/app/components/Nav/MobileNav.tsx
+++ b/explorer-nextjs/app/components/Nav/MobileNav.tsx
@@ -22,6 +22,7 @@ import { ExpandableButton } from './DesktopNav'
 import { ConnectKeplrWallet } from '../Wallet/ConnectKeplrWallet'
 import { NetworkTitle } from '../NetworkTitle'
 import { originalNavOptions } from '@/app/context/nav'
+import { ReleaseAlert } from '@/app/components/ReleaseAlert'
 import {SearchToolbar} from "@/app/components/Nav/Search";
 
 export const MobileNav: FCWithChildren = ({ children }) => {
@@ -137,6 +138,7 @@ export const MobileNav: FCWithChildren = ({ children }) => {
       </Drawer>
 
       <Box sx={{ width: '100%', p: 4, mt: 7 }}>
+        <ReleaseAlert />
         {children}
         <Footer />
       </Box>

From 3d84be22e2d9eaa3e9ece3732ffcf8a91adde1bb Mon Sep 17 00:00:00 2001
From: RadekSabacky <radek@nymtech.net>
Date: Tue, 14 Jan 2025 13:41:30 +0100
Subject: [PATCH 2/2] + add releaseAlert component

---
 explorer-nextjs/app/components/ReleaseAlert.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 explorer-nextjs/app/components/ReleaseAlert.tsx

diff --git a/explorer-nextjs/app/components/ReleaseAlert.tsx b/explorer-nextjs/app/components/ReleaseAlert.tsx
new file mode 100644
index 0000000000..5d974420f9
--- /dev/null
+++ b/explorer-nextjs/app/components/ReleaseAlert.tsx
@@ -0,0 +1,9 @@
+import { Alert, Box, Typography } from '@mui/material';
+
+export const ReleaseAlert = () => (
+  <Alert severity="warning" sx={{ mb: 3, fontSize: 'medium', width: '100%' }}>
+    <Box>
+      <Typography>You are now viewing the legacy Nym mixnet explorer. Explorer 2.0 is coming soon.</Typography>
+    </Box>
+  </Alert>
+);