diff --git a/explorer/src/components/MobileNav.tsx b/explorer/src/components/MobileNav.tsx
index cab6e50e5b..313a9ae8ba 100644
--- a/explorer/src/components/MobileNav.tsx
+++ b/explorer/src/components/MobileNav.tsx
@@ -30,9 +30,16 @@ type MobileNavProps = {
export const MobileNav: React.FC<{ children: React.ReactNode }> = ({ children }: MobileNavProps) => {
const theme = useTheme();
- const { navState, updateNavState } = useMainContext();
+ const { navState, updateNavState, environment } = useMainContext();
const [drawerOpen, setDrawerOpen] = React.useState(false);
+ const explorerName =
+ `${environment && environment.charAt(0).toUpperCase() + environment.slice(1)} Explorer` || 'Mainnet Explorer';
+
+ const switchNetworkText = environment === 'mainnet' ? 'Switch to Testnet' : 'Switch to Mainnet';
+ const switchNetworkLink =
+ environment === 'mainnet' ? 'https://sandbox-explorer.nymtech.net' : 'https://explorer.nymtech.net';
+
const toggleDrawer = () => {
setDrawerOpen(!drawerOpen);
};
@@ -81,11 +88,22 @@ export const MobileNav: React.FC<{ children: React.ReactNode }> = ({ children }:
fontSize: '18px',
fontWeight: 600,
ml: 2,
+ display: 'flex',
+ flexDirection: 'column',
}}
>
- Network Explorer
+ {explorerName}
+
diff --git a/explorer/src/components/Nav.tsx b/explorer/src/components/Nav.tsx
index 9b0d7f4f51..4b13edda46 100644
--- a/explorer/src/components/Nav.tsx
+++ b/explorer/src/components/Nav.tsx
@@ -308,11 +308,11 @@ export const Nav: React.FC = ({ children }) => {
{explorerName}