Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7273 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6632 stevensc 1 
import React from 'react'
6797 stevensc 2 
import { Link } from 'react-router-dom'
6861 stevensc 3 
 
6632 stevensc 4 
const ListItemDropdown = ({ options = [], isShow }) => {
5 
  if (!options.length) return null
6842 stevensc 6 
 
6632 stevensc 7 
  return (
8 
    <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
9 
      <ul>
7274 stevensc 10 
        {options.map(({ label, href, childs = [], count }, index) => {
11 
          const redirect = Boolean(childs?.length)
7273 stevensc 12 
          const to = href[0] === '/' ? href : `/${href}`
13 
 
14 
          return (
15 
            <li key={index}>
16 
              <Link to={to} onClick={(e) => redirect && e.preventDefault()}>
17 
                {label}
18 
                {Boolean(count) && ` | ${count}`}
19 
              </Link>
20 
              {Boolean(childs?.length) && (
21 
                <nav className="navigation-level_three">
22 
                  <ul>
23 
                    {childs?.map((optionsChild, index) => (
24 
                      <li key={index}>
25 
                        <Link to={`/${optionsChild.href}`}>
26 
                          {optionsChild.label}
27 
                        </Link>
28 
                      </li>
29 
                    ))}
30 
                  </ul>
31 
                </nav>
32 
              )}
33 
            </li>
34 
          )
35 
        })}
6632 stevensc 36 
      </ul>
37 
    </nav>
38 
  )
39 
}
40 
 
41 
export default ListItemDropdown