Added Typography to App Drawer to ensure all icons change with swap.

This commit is contained in:
WildScotsmen 2018-11-30 16:00:49 -05:00
parent 7815c18dee
commit a06f991888
2 changed files with 5 additions and 8 deletions

2
package-lock.json generated
View File

@ -5661,7 +5661,7 @@
}, },
"core-js": { "core-js": {
"version": "2.5.5", "version": "2.5.5",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz", "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
"integrity": "sha1-sU3ek2xkDAV5prUMq8wTLdYSfjs=" "integrity": "sha1-sU3ek2xkDAV5prUMq8wTLdYSfjs="
}, },
"firebase": { "firebase": {

View File

@ -35,7 +35,6 @@ import Collapse from '@material-ui/core/Collapse';
import FlameLinkCollectionGallery from '../components/FlameLinkCollectionGallery'; import FlameLinkCollectionGallery from '../components/FlameLinkCollectionGallery';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import Switch from '@material-ui/core/Switch'; import Switch from '@material-ui/core/Switch';
import indigo from '@material-ui/core/colors/indigo';
const drawerWidth = 240; const drawerWidth = 240;
@ -85,8 +84,7 @@ class ResponsiveDrawer extends React.Component {
useNextVariants: true, useNextVariants: true,
}, },
palette: { palette: {
primary: indigo, type: 'light'
secondary: indigo
} }
}), }),
themeName: 'light', themeName: 'light',
@ -133,8 +131,7 @@ class ResponsiveDrawer extends React.Component {
useNextVariants: true, useNextVariants: true,
}, },
palette: { palette: {
primary: indigo, type: 'light'
secondary: indigo
} }
}) })
}) })
@ -145,7 +142,7 @@ class ResponsiveDrawer extends React.Component {
const { classes } = this.props; const { classes } = this.props;
const drawer = ( const drawer = (
<div> <Typography component="div">
<div className={classes.toolbar} /> <div className={classes.toolbar} />
<Divider /> <Divider />
<List> <List>
@ -218,7 +215,7 @@ class ResponsiveDrawer extends React.Component {
</Collapse> </Collapse>
</List> </List>
<Divider /> <Divider />
</div> </Typography>
); );
return ( return (