Merge pull request #5346 from nymtech/feture/legacy_alert

Feture/legacy alert

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>

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>

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>
+);