Merge pull request #536 from cisagov/582-convert-hamburger-flyout-tex…

…t-to-white 582 convert hamburger flyout text to white
cisagov · Aug 15, 2024 · d2da519 · d2da519
2 parents 9102474 + 94f8dde
commit d2da519
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 21 deletions.
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -32,7 +32,6 @@ const classes = {
   link: `${PREFIX}-link`,
   userLink: `${PREFIX}-userLink`,
   lgNav: `${PREFIX}-lgNav`,
-  mobileNav: `${PREFIX}-mobileNav`,
   selectOrg: `${PREFIX}-selectOrg`,
   option: `${PREFIX}-option`
 };
@@ -109,9 +108,6 @@ const Root = styled('div')(({ theme }) => ({
     }
   },
 
-  [`.${classes.mobileNav}`]: {
-    padding: `${theme.spacing(2)} ${theme.spacing()}px`
-  },
   [`.${classes.selectOrg}`]: {
     border: '1px solid #FFFFFF',
     borderRadius: '5px',
@@ -447,34 +443,20 @@ export const Header: React.FC = () => {
           }
         }}
       >
-        <List className={classes.mobileNav}>
+        <List sx={{ p: 2 }}>
           {drawerItems.map(({ title, path }) => (
             <React.Fragment key={title.toString()}>
               {path && (
                 <ListItem
-                  // button
+                  sx={{ color: 'white' }}
                   exact
                   component={NavLink}
                   to={path}
                   activeClassName={classes.activeMobileLink}
-                  // onClick={onClick ? onClick : undefined}
                 >
                   {title}
                 </ListItem>
               )}
-              {/* {nested?.map((nested) => (
-                <ListItem
-                  button
-                  exact
-                  key={nested.title.toString()}
-                  component={NavLink}
-                  to={nested.onClick ? '#' : nested.path}
-                  activeClassName={classes.activeMobileLink}
-                  onClick={nested.onClick ? nested.onClick : undefined}
-                >
-                  {nested.title}
-                </ListItem>
-              ))} */}
             </React.Fragment>
           ))}
         </List>

diff --git a/frontend/src/components/__tests__/__snapshots__/header.spec.tsx.snap b/frontend/src/components/__tests__/__snapshots__/header.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Header component matches snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="css-1ioelfd"
+    class="css-r5wyex"
   >
     <header
       class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionStatic css-1twrj82-MuiPaper-root-MuiAppBar-root"