08122023

src/layout/MainLayout/Header/HeaderContent/index.js

@@ -55,17 +55,25 @@ const navigate = useNavigate()
       {/* {!matchesXs && <Search />} */}
       <Stack
         width='100%'
-        direction='row' justifyContent='flex-end' spacing={2} alignItems='center'>
+        direction='row' justifyContent='space-between' spacing={2} alignItems='center'>
       {/* {!matchesXs && megaMenu} */}
+      <Typography variant='h5' sx={{ml:2,color:'#fff'}}>{localStorage.getItem('firstname') || ''}</Typography>
       {matchesXs && <Box sx={{ width: '100%', ml: 1 }} />}
+      <Stack direction={'row'} spacing={2}>
       <Box sx={{ flexShrink: 0, ml: 0.75 }}>
           <Tooltip title='Quick Menu'>
             <IconButton
-              color="secondary"
-              variant="light"
-              sx={{
-                color: 'text.primary',
-                bgcolor: open ? iconBackColorOpen : iconBackColor
+              // color="secondary"
+              // variant="light"
+              // sx={{
+              //   color: 'text.primary',
+              //   bgcolor: open ? iconBackColorOpen : iconBackColor
+              // }}
+              sx={{ color: '#fff',
+              fontSize:'20px',
+              //  bgcolor: open ? iconBackColorOpen : iconBackColor 
+              bgcolor:'transparent',
+              // border:'1px solid #fff'
               }}
               aria-label="open profile"
               // ref={anchorRef}
@@ -233,6 +241,7 @@ const navigate = useNavigate()
       {!matchesXs && <Profile />}
       {matchesXs && <MobileSection />}
       </Stack>
+      </Stack>
     </>
   );
 };