Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4766 Rev 4809
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
 2 
import React, { useState } from 'react'
3 
import './HeaderOptions.scss'
 3 
import './HeaderOptions.scss'
4 
import './Dropdowns.scss'
 4 
import './Dropdowns.scss'
Línea 5... Línea 5...
5 
 
 5 
 
- 
 
 6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
 7 
    const [displayMenu, setDisplayMenu] = useState(false)
7 
    return (
 8 
    return (
8 
        <li className={!isMobile && 'd-none d-md-block'}>
 9 
        <li className={!isMobile && 'd-none d-md-block'}>
9 
            <a
 10 
            <a
10 
                href={url}
 11 
                href={url}
- 
 
 12 
                className={`header__option ${isMobile && 'mobile'}`}
- 
 
 13 
                onClick={(e) => {
11 
                className={`header__option ${isMobile && 'mobile'}`}
 14 
                    if (childs.length) {
- 
 
 15 
                        e.preventDefault()
- 
 
 16 
                        setDisplayMenu(!displayMenu)
- 
 
 17 
                    }
12 
                onClick={(e) => childs.length && e.preventDefault()}
 18 
                }}
13 
                target='framename'
 19 
                target='framename'
14 
            >
 20 
            >
15 
                {Icon && <Icon className="header__option-icon" />}
 21 
                {Icon && <Icon className="header__option-icon" />}
16 
                <span>{title}</span>
 22 
                <span>{title}</span>
17 
            </a>
 23 
            </a>
18 
            {!!childs.length &&
 24 
            {!!childs.length &&
19 
                <nav className={`nav__options-dropdown ${isMobile && 'mobile'}`}>
 25 
                <nav className={`nav__options-dropdown ${isMobile && 'mobile'} ${displayMenu && 'show'}`}>
20 
                    <ul>{childs.map((linkOption, index) =>
 26 
                    <ul>{childs.map((linkOption, index) =>
21 
                        <li key={index}>
 27 
                        <li key={index}>
22 
                            {linkOption.childs?.length
 28 
                            {linkOption.childs?.length
23 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
 29 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>