Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1345 | Rev 1531 | 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'
1331 stevensc 3 
import styled from 'styled-components'
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 
 
1465 stevensc 19 
const SideMenu = ({ items = [], onChange = null }) => {
20 
  const onClick = (e, value) => {
21 
    if (onChange) {
22 
      e.preventDefault()
23 
      onChange(value)
24 
    }
25 
  }
26 
 
1331 stevensc 27 
  return (
28 
    <SideMenuContainer>
29 
      <ul>
30 
        {items.map(({ value, name }) => (
1338 stevensc 31 
          <li key={value}>
1465 stevensc 32 
            <NavLink exact to={value} onClick={(e) => onClick(e, value)}>
1338 stevensc 33 
              {name}
34 
            </NavLink>
1331 stevensc 35 
          </li>
36 
        ))}
37 
      </ul>
38 
    </SideMenuContainer>
39 
  )
40 
}
41 
 
42 
export default SideMenu