Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

const ListItemDropdown = ({ options = [], isShow, onSelect }) => {

  if (!options.length) {

    return null

  }

  return (

    <nav

      className={`nav__options-dropdown ${isShow && 'show'}`}

      onClick={onSelect}

    >

      <ul>

        {options.map(({ label, href, childs = [], count }, index) => {

          const redirect = Boolean(childs?.length)

          const to = href[0] === '/' ? href : `/${href}`

          if (label === 'Chat') return null

          return (

            <li key={index}>

              <Link to={to} onClick={(e) => redirect && e.preventDefault()}>

                {label}

                {count ? ` | ${count}` : null}

              </Link>

              {!!childs?.length && (

                <nav className='nav__options-dropdown level_three'>

                  <ul>

                    {childs?.map((optionsChild, index) => (

                      <li key={index}>

                        <Link to={`/${optionsChild.href}`}>

                          {optionsChild.label}

                        </Link>

                      </li>

                    ))}

                  </ul>

                </nav>

              )}

            </li>

          )

        })}

      </ul>

    </nav>

  )

}

export default ListItemDropdown