Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6797 | Rev 6840 | Ir a la última revisión | | 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'
6632 stevensc 3 
 
4 
const ListItemDropdown = ({ options = [], isShow }) => {
5 
  if (!options.length) return null
6 
  return (
7 
    <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
8 
      <ul>
6798 stevensc 9 
        {options.map(({ label, href, childs, count }, index) => (
6632 stevensc 10 
          <li key={index}>
6798 stevensc 11 
            <Link
12 
              to={href[0] === '/' ? href : `/${href}`}
13 
              onClick={(e) => childs.length && e.preventDefault()}
14 
            >
15 
              {label}
16 
              {Boolean(count) && (
17 
                <span
18 
                  className="badge position-relative ml-2"
19 
                  style={{ left: 'auto', transform: 'none' }}
20 
                >
21 
                  {count}
22 
                </span>
23 
              )}
24 
            </Link>
25 
            {childs?.length && (
6632 stevensc 26 
              <nav className="navigation-level_three">
27 
                <ul>
6798 stevensc 28 
                  {childs?.map((optionsChild, index) => (
6632 stevensc 29 
                    <li key={index}>
6797 stevensc 30 
                      <Link href={`/${optionsChild.href}`} target="framename">
6632 stevensc 31 
                        {optionsChild.label}
6797 stevensc 32 
                      </Link>
6632 stevensc 33 
                    </li>
34 
                  ))}
35 
                </ul>
36 
              </nav>
37 
            )}
38 
          </li>
39 
        ))}
40 
      </ul>
41 
    </nav>
42 
  )
43 
}
44 
 
45 
export default ListItemDropdown