Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4756 Rev 4762
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
 6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
7 
 
 7 
 
8 
    return (
 8 
    return (
9 
        <li className={!isMobile && 'd-none d-md-block'}>
 9 
        <li className={!isMobile && 'd-none d-md-block'}>
10 
            <a href={url} className={`header__option ${isMobile && 'mobile'}`} onClick={(e) => childs.length && e.preventDefault()} target='_blank' rel="noreferrer">
 10 
            <a href={url} className={`header__option ${isMobile && 'mobile'}`} onClick={(e) => childs.length && e.preventDefault()} target='secondary'>
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 ${isMobile && 'mobile'}`}>
 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
19 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
 19 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
20 
                                : <a href={linkOption.href} target='_blank' rel="noreferrer">{linkOption.label}</a>
 20 
                                : <a href={linkOption.href} target='secondary'>{linkOption.label}</a>
21 
                            }
 21 
                            }
22 
                            {!!linkOption.childs?.length &&
 22 
                            {!!linkOption.childs?.length &&
23 
                                <nav className='navLinkLevelThree'>
 23 
                                <nav className='navLinkLevelThree'>
24 
                                    <ul>
 24 
                                    <ul>
25 
                                        {linkOption.childs?.map((optionsChild, index) =>
 25 
                                        {linkOption.childs?.map((optionsChild, index) =>
26 
                                            <li key={index}>
 26 
                                            <li key={index}>
27 
                                                <a href={optionsChild.href} target='_blank' rel="noreferrer">{optionsChild.label}</a>
 27 
                                                <a href={optionsChild.href} target='secondary'>{optionsChild.label}</a>
28 
                                            </li>
 28 
                                            </li>
29 
                                        )}
 29 
                                        )}
30 
                                    </ul>
 30 
                                    </ul>