feat(Sidebar): add icons for each getter

d4data-official · Dec 2, 2021 · 9b38e7a · 9b38e7a
1 parent 7cf7682
commit 9b38e7a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/renderer/components/pages/_app/components/Sidebar.tsx b/renderer/components/pages/_app/components/Sidebar.tsx
@@ -24,6 +24,7 @@ import DashboardIcon from '@mui/icons-material/Dashboard'
 import ConditionalTooltip from '../../../ConditionalTooltip'
 import useAvailableGetters from '../../../../hooks/getter/useAvailableGetters'
 import useGetGetterLabel from '../../../../hooks/getter/useGetGetterLabel'
+import GetterIcon from './GetterIcon'
 
 export interface SidebarProps {
   drawerHeaderClass: string
@@ -103,6 +104,9 @@ export default function Sidebar({ drawerHeaderClass, drawerOpen, handleDrawerCha
               || router.pathname.split('/').pop() === getter.slice(3).toLowerCase() }
             button
           >
+            <ListItemIcon>
+              <GetterIcon getter={ getter }/>
+            </ListItemIcon>
             <ListItemText primary={ getGetterLabel(getter) }/>
           </ListItem>
         )) }