Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1338 | Ir a la última revisión | | 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'
5 
 
6 
const SideMenuContainer = styled(WidgetLayout)`
7 
  padding: 1rem;
8 
  ul {
9 
    display: flex;
10 
    flex-direction: column;
11 
    gap: 0.5rem;
12 
    li,
13 
    label {
14 
      cursor: pointer;
15 
    }
16 
    .selected label {
17 
      font-weight: 600;
18 
    }
19 
  }
20 
`
21 
 
22 
const SideMenu = ({ items = [], onChange = () => {}, currentItem }) => {
23 
  return (
24 
    <SideMenuContainer>
25 
      <ul>
26 
        {items.map(({ value, name }) => (
27 
          <li className={currentItem === value && 'selected'} key={value}>
28 
            <input
29 
              type='radio'
30 
              id={`category-${name}`}
31 
              name='category'
32 
              value={value}
33 
              onChange={(e) => onChange(e.target.value)}
34 
              hidden
35 
            />
36 
            <label htmlFor={`category-${name}`}>{name}</label>
37 
          </li>
38 
        ))}
39 
      </ul>
40 
    </SideMenuContainer>
41 
  )
42 
}
43 
 
44 
export default SideMenu