Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4739 Rev 4741
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 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
 
Línea 6... Línea 6...
6
const HeaderOptions = ({ Icon, title, url, childs = [] }) => {
6
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
7
 
7
 
8
    return (
8
    return (
9
        <li>
9
        <li>
10
            <a href={url} className="header__option" onClick={(e) => childs.length && e.preventDefault()}>
10
            <a href={url} className={`header__option ${isMobile && 'mobile'}`} onClick={(e) => childs.length && e.preventDefault()}>
11
                {Icon && <Icon className="header__option-icon" />}
11
                {Icon && <Icon className="header__option-icon" />}
12
                <span>{title}</span>
12
                <span>{title}</span>
13
            </a>
13
            </a>
14
            {!!childs.length &&
14
            {!!childs.length &&
15
                <nav className='nav__options-dropdown'>
15
                <nav className={`nav__options-dropdown ${isMobile && 'mobile'}`}>
16
                    <ul>{childs.map((linkOption, index) =>
16
                    <ul>{childs.map((linkOption, index) =>
17
                        <li key={index}>
17
                        <li key={index}>
18
                            {linkOption.childs?.length
18
                            {linkOption.childs?.length