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