Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1340 | Rev 1465 | 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 
 
1338 stevensc 19 
const SideMenu = ({ items = [], onChange = () => {} }) => {
1331 stevensc 20 
  return (
21 
    <SideMenuContainer>
22 
      <ul>
23 
        {items.map(({ value, name }) => (
1338 stevensc 24 
          <li key={value}>
1339 stevensc 25 
            <NavLink exact to={value} onClick={onChange}>
1338 stevensc 26 
              {name}
27 
            </NavLink>
1331 stevensc 28 
          </li>
29 
        ))}
30 
      </ul>
31 
    </SideMenuContainer>
32 
  )
33 
}
34 
 
35 
export default SideMenu