Added Typography to App Drawer to ensure all icons change with swap.
This commit is contained in:
		
							parent
							
								
									7815c18dee
								
							
						
					
					
						commit
						a06f991888
					
				
							
								
								
									
										2
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										2
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							@ -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": {
 | 
				
			||||||
 | 
				
			|||||||
@ -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 (
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user