Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
1331 stevensc 1 
import React from 'react'
1345 stevensc 2 
import { NavLink } from 'react-router-dom'
1531 stevensc 3 
import { Typography, styled } from '@mui/material'
1331 stevensc 4 
 
5 
import WidgetLayout from 'components/widgets/WidgetLayout'
6 
 
7 
const SideMenuContainer = styled(WidgetLayout)`
8 
  padding: 1rem;
9 
  ul {
10 
    display: flex;
11 
    flex-direction: column;
12 
    gap: 0.5rem;
1340 stevensc 13 
    a.active {
1331 stevensc 14 
      font-weight: 600;
15 
    }
16 
  }
17 
`
18 
 
1531 stevensc 19 
const SideMenu = ({ items = [], onChange = null, title = '' }) => {
1465 stevensc 20 
  const onClick = (e, value) => {
21 
    if (onChange) {
22 
      e.preventDefault()
23 
      onChange(value)
24 
    }
25 
  }
26 
 
1331 stevensc 27 
  return (
28 
    <SideMenuContainer>
1531 stevensc 29 
      <Typography variant='h2'>{title}</Typography>
1331 stevensc 30 
      <ul>
31 
        {items.map(({ value, name }) => (
1338 stevensc 32 
          <li key={value}>
1465 stevensc 33 
            <NavLink exact to={value} onClick={(e) => onClick(e, value)}>
1338 stevensc 34 
              {name}
35 
            </NavLink>
1331 stevensc 36 
          </li>
37 
        ))}
38 
      </ul>
39 
    </SideMenuContainer>
40 
  )
41 
}
42 
 
43 
export default SideMenu