Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1542 | Rev 1544 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1543 stevensc 1
import React from 'react'
1538 stevensc 2
import {
3
  List,
4
  ListItem,
5
  ListItemButton,
6
  ListItemText,
7
  Typography
8
} from '@mui/material'
1331 stevensc 9
 
1535 stevensc 10
import WidgetWrapper from 'components/widgets/WidgetLayout'
1331 stevensc 11
 
1543 stevensc 12
const SideMenu = ({
13
  items = [],
14
  onChange = null,
15
  title = '',
16
  current = ''
17
}) => {
18
  const handleChange = (value) => onChange(value)
1331 stevensc 19
 
20
  return (
1536 stevensc 21
    <WidgetWrapper p={1}>
1531 stevensc 22
      <Typography variant='h2'>{title}</Typography>
1538 stevensc 23
 
24
      <List sx={{ mt: 1 }}>
1543 stevensc 25
        {items.map(({ value, name }) => (
1542 stevensc 26
          <ListItem key={value} sx={{ p: 0 }}>
1543 stevensc 27
            <ListItemButton sx={{ py: 0 }} onClick={() => handleChange(value)}>
1542 stevensc 28
              <ListItemText
29
                id={value}
30
                primary={name}
1543 stevensc 31
                sx={{
32
                  '& MuiListItemText-primary': {
33
                    fontWeight: current === value ? 'bold' : 'normal'
34
                  }
35
                }}
1542 stevensc 36
              />
1535 stevensc 37
            </ListItemButton>
38
          </ListItem>
1331 stevensc 39
        ))}
1535 stevensc 40
      </List>
41
    </WidgetWrapper>
1331 stevensc 42
  )
43
}
44
 
45
export default SideMenu