Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1338 | Rev 1340 | 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'
2 
import styled from 'styled-components'
3 
 
4 
import WidgetLayout from 'components/widgets/WidgetLayout'
1338 stevensc 5 
import { NavLink } from 'react-router-dom'
1331 stevensc 6 
 
7 
const SideMenuContainer = styled(WidgetLayout)`
8 
  padding: 1rem;
9 
  ul {
10 
    display: flex;
11 
    flex-direction: column;
12 
    gap: 0.5rem;
13 
    li,
14 
    label {
15 
      cursor: pointer;
16 
    }
1338 stevensc 17 
    input:checked ~ label {
1331 stevensc 18 
      font-weight: 600;
19 
    }
20 
  }
21 
`
22 
 
1338 stevensc 23 
const SideMenu = ({ items = [], onChange = () => {} }) => {
1331 stevensc 24 
  return (
25 
    <SideMenuContainer>
26 
      <ul>
27 
        {items.map(({ value, name }) => (
1338 stevensc 28 
          <li key={value}>
1339 stevensc 29 
            <NavLink exact to={value} onClick={onChange}>
1338 stevensc 30 
              {name}
31 
            </NavLink>
1331 stevensc 32 
          </li>
33 
        ))}
34 
      </ul>
35 
    </SideMenuContainer>
36 
  )
37 
}
38 
 
39 
export default SideMenu