fix: add dropdown menu

bigcommerce · Mar 27, 2023 · 475ad09 · 475ad09
1 parent 44ae268
commit 475ad09
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 18 deletions.
diff --git a/apps/storefront/src/components/B3DropDown.tsx b/apps/storefront/src/components/B3DropDown.tsx
@@ -1,7 +1,7 @@
 import ListItemButton from '@mui/material/ListItemButton'
 import ListItemText from '@mui/material/ListItemText'
-import ExpandLess from '@mui/icons-material/ExpandLess'
-import ExpandMore from '@mui/icons-material/ExpandMore'
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'
+import ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp'
 import Menu from '@mui/material/Menu'
 import MenuItem from '@mui/material/MenuItem'
 
@@ -59,7 +59,7 @@ export const B3DropDown: <T>(props: B3DropDownProps<T>) => ReactElement = ({
         onClick={handleClick}
       >
         <ListItemText primary={title} />
-        {open ? <ExpandLess /> : <ExpandMore />}
+        {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}
       </ListItemButton>
       <Menu
         anchorEl={open}

diff --git a/apps/storefront/src/components/layout/B3AccountInfo.tsx b/apps/storefront/src/components/layout/B3AccountInfo.tsx
@@ -16,22 +16,22 @@ import {
   GlobaledContext,
 } from '@/shared/global'
 
-// import {
-//   B3DropDown,
-// } from '../B3DropDown'
+import {
+  B3DropDown,
+} from '../B3DropDown'
 
 interface ListProps {
   [key: string]: string
 }
 
 const list: Array<ListProps> = [
+  // {
+  //   name: 'Account Settings',
+  //   key: '/account-settings',
+  //   type: 'path',
+  // },
   {
-    name: 'Account Settings',
-    key: '/account-settings',
-    type: 'path',
-  },
-  {
-    name: 'Log out',
+    name: 'Logout',
     key: 'logout',
     type: 'button',
   },
@@ -107,22 +107,19 @@ export const B3AccountInfo = ({
           </Box>
         ) : (
           <Box sx={{
-            width: '150px',
+            minWidth: '150px',
             display: 'flex',
             justifyContent: 'end',
             mr: '8px',
             fontSize: '16px',
             color: '#333333',
           }}
           >
-            { name }
-            {/* <B3DropDown
+            <B3DropDown
               title={name}
-              width="150px"
               handleItemClick={handleItemClick}
               list={list}
-            /> */}
-
+            />
           </Box>
         )
       }