fix(app-menu): updates icons to inherit color

Corrects Icons to inherit the color from the Drawer re #143
anguspiv · Mar 19, 2023 · 7a002df · 7a002df
1 parent ec50dda
commit 7a002df
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/molecules/AppMenu/AppMenu.tsx b/src/components/molecules/AppMenu/AppMenu.tsx
@@ -37,14 +37,14 @@ export function AppMenu() {
           <ListItem disablePadding>
             {isAuthed ? (
               <ListItemButton href="/account" component={Link}>
-                <ListItemIcon>
+                <ListItemIcon sx={{ color: 'inherit' }}>
                   <Avatar alt={label} src={imgSrc} sx={{ width: 24, height: 24 }} />
                 </ListItemIcon>
                 <ListItemText primary={label} />
               </ListItemButton>
             ) : (
               <ListItemButton href="/api/auth/signin" component={Link}>
-                <ListItemIcon>
+                <ListItemIcon sx={{ color: 'inherit' }}>
                   <AccountCircleIcon />
                 </ListItemIcon>
                 <ListItemText primary="Login" />
@@ -55,15 +55,15 @@ export function AppMenu() {
             <>
               <ListItem disablePadding>
                 <ListItemButton href="/account" component={Link}>
-                  <ListItemIcon>
+                  <ListItemIcon sx={{ color: 'inherit' }}>
                     <AccountCircleIcon />
                   </ListItemIcon>
                   <ListItemText primary="Account" />
                 </ListItemButton>
               </ListItem>
               <ListItem disablePadding>
                 <ListItemButton href="/api/auth/signout" component={Link} alignItems="center">
-                  <ListItemIcon>
+                  <ListItemIcon sx={{ color: 'inherit' }}>
                     <LogoutIcon />
                   </ListItemIcon>
                   <ListItemText primary="Logout" />
@@ -78,7 +78,7 @@ export function AppMenu() {
         <List>
           <ListItem disablePadding>
             <ListItemButton href="/players" component={Link}>
-              <ListItemIcon>
+              <ListItemIcon sx={{ color: 'inherit' }}>
                 <PeopleAltIcon />
               </ListItemIcon>
               <ListItemText primary="Players" />