fix(mainNav): Add import useDispatch

daodaoedu · Jul 25, 2024 · 59ff4b3 · 59ff4b3
1 parent 11122b3
commit 59ff4b3
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/shared/components/Navigation_v2/MainNav/SubList/UserAvatar/index.jsx b/shared/components/Navigation_v2/MainNav/SubList/UserAvatar/index.jsx
@@ -3,6 +3,7 @@ import { keyframes, css } from '@emotion/react';
 import styled from '@emotion/styled';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
+import { useDispatch } from 'react-redux';
 import { userLogout } from '@/redux/actions/user';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
@@ -35,6 +36,7 @@ const StyledMenuItem = styled(MenuItem)`
 `;
 
 const UserAvatar = ({ onCloseMenu = () => {}, user }) => {
+  const dispatch = useDispatch();
   const isPadScreen = useMediaQuery('(max-width: 767px)');
 
   const { push } = useRouter();
@@ -85,7 +87,7 @@ const UserAvatar = ({ onCloseMenu = () => {}, user }) => {
           zIndex: 1,
         }}
       >
-        <Box sx={{ padding: !isPadScreen && '12px' }}>
+        <Box as="ul" sx={{ padding: !isPadScreen && '12px' }}>
           {[
             { name: '個人資料', id: 'person-setting' },
             { name: '我的揪團', id: 'my-group' },