fix: add watch to mobile menu [skip cypress] (#2300)

aave · Jan 3, 2025 · 13c5c91 · 13c5c91
1 parent 8ae4b39
commit 13c5c91
Show file tree

Hide file tree

Showing 2 changed files with 13 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', color: '#F1F1F3' }} onClick={handleOpenReadMode}>
+                  <ListItemText>
+                    <Trans>Watch wallet</Trans>
+                  </ListItemText>
+                </ListItem>
                 <ListItem
                   sx={{ color: '#F1F1F3' }}
                   component={Link}

diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
@@ -764,6 +764,7 @@ msgstr "Please connect your wallet to see migration tool."
 msgid "{networkName} Faucet"
 msgstr "{networkName} Faucet"
 
+#: src/layouts/MobileMenu.tsx
 #: src/layouts/SettingsMenu.tsx
 msgid "Watch wallet"
 msgstr "Watch wallet"