fix: add watch to mobile menu

aave · Jan 2, 2025 · 2a00606 · 2a00606
1 parent 8ae4b39
commit 2a00606
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/layouts/MobileMenu.tsx b/src/layouts/MobileMenu.tsx
@@ -13,6 +13,7 @@ import {
   Typography,
 } from '@mui/material';
 import React, { ReactNode, useEffect, useState } from 'react';
+import { useModalContext } from 'src/hooks/useModal';
 import { PROD_ENV } from 'src/utils/marketsAndNetworksConfig';
 
 import { Link } from '../components/primitives/Link';
@@ -47,9 +48,15 @@ const MenuItemsWrapper = ({ children, title }: { children: ReactNode; title: Rea
 export const MobileMenu = ({ open, setOpen, headerHeight }: MobileMenuProps) => {
   const { i18n } = useLingui();
   const [isLanguagesListOpen, setIsLanguagesListOpen] = useState(false);
+  const { openReadMode } = useModalContext();
 
   useEffect(() => setIsLanguagesListOpen(false), [open]);
 
+  const handleOpenReadMode = () => {
+    setOpen(false);
+    openReadMode();
+  };
+
   return (
     <>
       {open ? (
@@ -82,6 +89,11 @@ export const MobileMenu = ({ open, setOpen, headerHeight }: MobileMenuProps) =>
             </MenuItemsWrapper>
             <MenuItemsWrapper title={<Trans>Links</Trans>}>
               <List>
+                <ListItem sx={{ cursor: 'pointer' }} onClick={handleOpenReadMode}>
+                  <ListItemText>
+                    <Trans>Watch wallet</Trans>
+                  </ListItemText>
+                </ListItem>
                 <ListItem
                   sx={{ color: '#F1F1F3' }}
                   component={Link}