Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { Link } from 'react-router-dom'

const ListItemDropdown = ({ options = [], isShow }) => {
  if (!options.length) return null
  return (
    <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
      <ul>
        {options.map((linkOption, index) => (
          <li key={index}>
            {linkOption.childs?.length ? (
              <Link href="/" onClick={(e) => e.preventDefault()}>
                {linkOption.label}
              </Link>
            ) : (
              <Link
                href={
                  linkOption.href[0] === '/'
                    ? linkOption.href
                    : `/${linkOption.href}`
                }
              >
                {linkOption.label}
                {Boolean(linkOption.count) && (
                  <span
                    className="badge position-relative ml-2"
                    style={{ left: 'auto', transform: 'none' }}
                  >
                    {linkOption.count}
                  </span>
                )}
              </Link>
            )}
            {!!linkOption.childs?.length && (
              <nav className="navigation-level_three">
                <ul>
                  {linkOption.childs?.map((optionsChild, index) => (
                    <li key={index}>
                      <Link href={`/${optionsChild.href}`} target="framename">
                        {optionsChild.label}
                      </Link>
                    </li>
                  ))}
                </ul>
              </nav>
            )}
          </li>
        ))}
      </ul>
    </nav>
  )
}

export default ListItemDropdown