fixed the menu doesn't close when clicking outside (#87)

diced · Aug 26, 2021 · 30083b6 · 30083b6
1 parent 47db6cf
commit 30083b6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -190,12 +190,12 @@ export default function Layout({ children, user, loading, noPaper }) {
                   id='zipline-user-menu'
                   anchorEl={anchorEl}
                   open={open}
-                  onClose={handleClose}
+                  onClose={handleClose(null)}
                   MenuListProps={{
                     'aria-labelledby': 'basic-button',
                   }}
                 >
-                  <MenuItem>
+                  <MenuItem disableRipple>
                     <Typography variant='h5'>
                       <b>{user.username}</b>
                     </Typography>
@@ -299,12 +299,12 @@ export default function Layout({ children, user, loading, noPaper }) {
                 id='zipline-user-menu'
                 anchorEl={anchorEl}
                 open={open}
-                onClose={handleClose}
+                onClose={handleClose(null)}
                 MenuListProps={{
                   'aria-labelledby': 'basic-button',
                 }}
               >
-                <MenuItem>
+                <MenuItem disableRipple>
                   <Typography variant='h5'>
                     <b>{user.username}</b>
                   </Typography>
@@ -378,4 +378,4 @@ export default function Layout({ children, user, loading, noPaper }) {
       </Box>
     </Box>
   );
-}
+}