Meaningful icons!

This commit is contained in:
Aria Moradi 2021-05-23 13:48:02 +04:30
parent fba56c1b75
commit fdfc256c4d

View File

@ -11,8 +11,11 @@ import Drawer from '@material-ui/core/Drawer';
import List from '@material-ui/core/List'; import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem'; import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon'; import ListItemIcon from '@material-ui/core/ListItemIcon';
import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
import ExploreIcon from '@material-ui/icons/Explore';
import ExtensionIcon from '@material-ui/icons/Extension';
import ListItemText from '@material-ui/core/ListItemText'; import ListItemText from '@material-ui/core/ListItemText';
import InboxIcon from '@material-ui/icons/MoveToInbox'; import SettingsIcon from '@material-ui/icons/Settings';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
const useStyles = makeStyles({ const useStyles = makeStyles({
@ -47,7 +50,7 @@ export default function TemporaryDrawer({ drawerOpen, setDrawerOpen }: IProps) {
<Link to="/library" style={{ color: 'inherit', textDecoration: 'none' }}> <Link to="/library" style={{ color: 'inherit', textDecoration: 'none' }}>
<ListItem button key="Library"> <ListItem button key="Library">
<ListItemIcon> <ListItemIcon>
<InboxIcon /> <CollectionsBookmarkIcon />
</ListItemIcon> </ListItemIcon>
<ListItemText primary="Library" /> <ListItemText primary="Library" />
</ListItem> </ListItem>
@ -55,7 +58,7 @@ export default function TemporaryDrawer({ drawerOpen, setDrawerOpen }: IProps) {
<Link to="/extensions" style={{ color: 'inherit', textDecoration: 'none' }}> <Link to="/extensions" style={{ color: 'inherit', textDecoration: 'none' }}>
<ListItem button key="Extensions"> <ListItem button key="Extensions">
<ListItemIcon> <ListItemIcon>
<InboxIcon /> <ExtensionIcon />
</ListItemIcon> </ListItemIcon>
<ListItemText primary="Extensions" /> <ListItemText primary="Extensions" />
</ListItem> </ListItem>
@ -63,7 +66,7 @@ export default function TemporaryDrawer({ drawerOpen, setDrawerOpen }: IProps) {
<Link to="/sources" style={{ color: 'inherit', textDecoration: 'none' }}> <Link to="/sources" style={{ color: 'inherit', textDecoration: 'none' }}>
<ListItem button key="Sources"> <ListItem button key="Sources">
<ListItemIcon> <ListItemIcon>
<InboxIcon /> <ExploreIcon />
</ListItemIcon> </ListItemIcon>
<ListItemText primary="Sources" /> <ListItemText primary="Sources" />
</ListItem> </ListItem>
@ -71,7 +74,7 @@ export default function TemporaryDrawer({ drawerOpen, setDrawerOpen }: IProps) {
<Link to="/settings" style={{ color: 'inherit', textDecoration: 'none' }}> <Link to="/settings" style={{ color: 'inherit', textDecoration: 'none' }}>
<ListItem button key="settings"> <ListItem button key="settings">
<ListItemIcon> <ListItemIcon>
<InboxIcon /> <SettingsIcon />
</ListItemIcon> </ListItemIcon>
<ListItemText primary="Settings" /> <ListItemText primary="Settings" />
</ListItem> </ListItem>