Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6798 | Rev 6842 | 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'
6840 stevensc 3 
import Badge from '../../UI/Badge'
6632 stevensc 4 
 
5 
const ListItemDropdown = ({ options = [], isShow }) => {
6 
  if (!options.length) return null
7 
  return (
8 
    <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
9 
      <ul>
6798 stevensc 10 
        {options.map(({ label, href, childs, count }, index) => (
6632 stevensc 11 
          <li key={index}>
6798 stevensc 12 
            <Link
13 
              to={href[0] === '/' ? href : `/${href}`}
14 
              onClick={(e) => childs.length && e.preventDefault()}
15 
            >
16 
              {label}
6840 stevensc 17 
              {count && <Badge count={count} />}
6798 stevensc 18 
            </Link>
19 
            {childs?.length && (
6632 stevensc 20 
              <nav className="navigation-level_three">
21 
                <ul>
6798 stevensc 22 
                  {childs?.map((optionsChild, index) => (
6632 stevensc 23 
                    <li key={index}>
6797 stevensc 24 
                      <Link href={`/${optionsChild.href}`} target="framename">
6632 stevensc 25 
                        {optionsChild.label}
6797 stevensc 26 
                      </Link>
6632 stevensc 27 
                    </li>
28 
                  ))}
29 
                </ul>
30 
              </nav>
31 
            )}
32 
          </li>
33 
        ))}
34 
      </ul>
35 
    </nav>
36 
  )
37 
}
38 
 
39 
export default ListItemDropdown