fix mobilenavbar

src/components/CategoryList/CategoryList.jsx

@@ -37,7 +37,7 @@ const CategoryList = ({ productType }) => {
             
            }}
             onClick={()=>{
-              sessionStorage.removeItem('amber-select-collection')
+              //sessionStorage.removeItem('amber-select-collection')
               sessionStorage.setItem('amber-select-category', label)
               window.location.href = "/products" 
             }}

src/components/Navbar/components/MobileNav/MobileNav.jsx

@@ -36,8 +36,7 @@ const MobileNav = ({ open, onClose, menu = [] }) => {
           }
         }}
         onClick={() => {
-          // sessionStorage.setItem('amber-select-collection', colletion?.title)
-          // sessionStorage.setItem('amber-select-product-type', displayCollection.productType)
+          sessionStorage.setItem('amber-select-collection', colletion?.title)
           window.location.href = `/products`;
         }}
       >
@@ -116,37 +115,11 @@ const MobileNav = ({ open, onClose, menu = [] }) => {
 
       {/* Main Navigation */}
       <Box sx={{ width: "100%" }} role="presentation">
-        {/* <List>
-          {menu.map(({ productType, collection }) => (
-            <ListItem key={productType} disablePadding>
-              <ListItemButton
-                onClick={() => { 
-                  sessionStorage.setItem('amber-select-collection', productType)
-                  sessionStorage.removeItem('amber-select-collection')
-                  if(collection?.length == 0) window.location.href = `/products`;
-                }}
-                sx={{
-                  borderTop:"1px solid rgba(0,0,0,0.1)",
-                  "&:hover": {
-                    backgroundColor: "#95AAC5",
-                  },
-                }}
-              >
-                <ListItemText sx={{ 
-                  ml: 2, 
-                  color: "black",
-                }} primary={productType?.toUpperCase()} />
-                {(collection?.length > 0) && <ArrowDropDownIcon fontSize="small" sx={{color:"black"}} /> }
-              </ListItemButton>
-            </ListItem>
-          ))}
-        </List> */}
         {menu.map(({ productType, collection }) => (
           <Accordion
             disableGutters={true}
             onClick={() => {
-              sessionStorage.setItem('amber-select-collection', productType)
-              sessionStorage.removeItem('amber-select-collection')
+              sessionStorage.setItem('amber-select-product-type', productType)
               if (collection?.length == 0) window.location.href = `/products`;
             }}
             sx={{