Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5266 | Rev 6472 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5266 Rev 6471
Línea 2... Línea 2...
2 
import React from 'react'
 2 
import React from 'react'
Línea 3... Línea 3...
3 
 
 3 
 
4 
const ListItemDropdown = ({ options = [], isShow }) => {
 4 
const ListItemDropdown = ({ options = [], isShow }) => {
5 
  if (!options.length) return null
 5 
  if (!options.length) return null
6 
  return (
 6 
  return (
- 
 
 7 
    <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
7 
        <nav className={`nav__options-dropdown ${isShow && 'show'}`}>
 8 
      <ul>
8 
            <ul>{options.map((linkOption, index) =>
 9 
        {options.map((linkOption, index) => (
9 
                <li key={index}>
 10 
          <li key={index}>
10 
                    {linkOption.childs?.length
 11 
            {linkOption.childs?.length ? (
11 
                      ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
 12 
              <a href="/" onClick={(e) => e.preventDefault()}>
12 
                      : <a href={linkOption.href[0] === '/' ? linkOption.href : `/${linkOption.href}`} target='framename'>{linkOption.label}</a>
 13 
                {linkOption.label}
13 
                    }
 14 
              </a>
14 
                    {!!linkOption.childs?.length &&
 15 
            ) : (
15 
                        <nav className='navigation-level_three'>
 16 
              <a
16 
                            <ul>
 17 
                href={
17 
                                {linkOption.childs?.map((optionsChild, index) =>
 18 
                  linkOption.href[0] === '/'
18 
                                    <li key={index}>
 19 
                    ? linkOption.href
19 
                                        <a href={`/${optionsChild.href}`} target='framename'>{optionsChild.label}</a>
 20 
                    : `/${linkOption.href}`
20 
                                    </li>
 21 
                }
- 
 
 22 
                target="framename"
21 
                                )}
 23 
              >
22 
                            </ul>
 24 
                {linkOption.label}
- 
 
 25 
                {linkOption.count && (
23 
                        </nav>
 26 
                  <span className="badge">{linkOption.count}</span>
24 
                    }
 27 
                )}
25 
                </li>
 28 
              </a>
- 
 
 29 
            )}
- 
 
 30 
            {!!linkOption.childs?.length && (
- 
 
 31 
              <nav className="navigation-level_three">
- 
 
 32 
                <ul>
- 
 
 33 
                  {linkOption.childs?.map((optionsChild, index) => (
- 
 
 34 
                    <li key={index}>
- 
 
 35 
                      <a href={`/${optionsChild.href}`} target="framename">
- 
 
 36 
                        {optionsChild.label}
- 
 
 37 
                      </a>
- 
 
 38 
                    </li>
26 
            )}
 39 
                  ))}
- 
 
 40 
                </ul>
- 
 
 41 
              </nav>
- 
 
 42 
            )}
- 
 
 43 
          </li>
- 
 
 44 
        ))}
27 
            </ul>
 45 
      </ul>
28 
        </nav>
 46 
    </nav>
29 
  )
 47 
  )
Línea 30... Línea 48...
30 
}
 48 
}