search

degen-lab / starters-front-end

0 stars 0 forks source link

LeftPanel split into 2-3 components #45

Open Alexandrescu opened 1 year ago

Alexandrescu commented 1 year ago

At this point the left panel is super crowded. It should be broken down into multiple components and some of the components can be extracted away to be DRY (don't repeat yourself).

Examples

                 <List component="div" disablePadding>
                    <ListItemButton sx={{ pl: 4 }} component={Link} to={'/voting/joiners'}>
                      <ListItemIcon>
                        <StarBorder style={{ color: colors[currentTheme].secondary }} />
                      </ListItemIcon>
                      <ListItemText style={{ color: colors[currentTheme].secondary }} primary="Joiners" />
                    </ListItemButton>
                  </List>
          <ListItem 
            onClick={toggleDrawer(anchor, false)}
            onKeyDown={toggleDrawer(anchor, false)}>
            <ListItemButton component={Link} to={'/dashboard'}>
              <ListItemIcon>
                <Home style={{ color: colors[currentTheme].secondary }} />
              </ListItemIcon>
              <ListItemText style={{ color: colors[currentTheme].secondary }} primary="Dashboard" />
            </ListItemButton>
          </ListItem>