Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4765 Rev 4766
Línea 2... Línea 2...
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 
 
6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
 - 
 
7 
    const path = window.location.pathname
 6 
const HeaderOptions = ({ Icon, title, url, childs = [], isMobile = false }) => {
8 
    return (
 7 
    return (
9 
        <li className={!isMobile && 'd-none d-md-block'}>
 8 
        <li className={!isMobile && 'd-none d-md-block'}>
10 
            <a
 9 
            <a
11 
                href={url}
 10 
                href={url}
12 
                className={`header__option ${isMobile && 'mobile'}`}
 11 
                className={`header__option ${isMobile && 'mobile'}`}
13 
                onClick={(e) => childs.length && e.preventDefault()}
 - 
 
14 
                target={path.includes('dashboard') ? '_blank' : '_self'}
12 
                onClick={(e) => childs.length && e.preventDefault()}
15 
                rel="noreferrer"
 13 
                target='framename'
16 
            >
 14 
            >
17 
                {Icon && <Icon className="header__option-icon" />}
 15 
                {Icon && <Icon className="header__option-icon" />}
18 
                <span>{title}</span>
 16 
                <span>{title}</span>
19 
            </a>
 17 
            </a>
20 
            {!!childs.length &&
 18 
            {!!childs.length &&
21 
                <nav className={`nav__options-dropdown ${isMobile && 'mobile'}`}>
 19 
                <nav className={`nav__options-dropdown ${isMobile && 'mobile'}`}>
22 
                    <ul>{childs.map((linkOption, index) =>
 20 
                    <ul>{childs.map((linkOption, index) =>
23 
                        <li key={index}>
 21 
                        <li key={index}>
24 
                            {linkOption.childs?.length
 22 
                            {linkOption.childs?.length
25 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
 23 
                                ? <a href='/' onClick={(e) => e.preventDefault()}>{linkOption.label}</a>
26 
                                : <a href={linkOption.href} target={path.includes('dashboard') ? '_blank' : '_self'} rel="noreferrer" >{linkOption.label}</a>
 24 
                                : <a href={linkOption.href} target='framename'>{linkOption.label}</a>
27 
                            }
 25 
                            }
28 
                            {!!linkOption.childs?.length &&
 26 
                            {!!linkOption.childs?.length &&
29 
                                <nav className='navLinkLevelThree'>
 27 
                                <nav className='navLinkLevelThree'>
30 
                                    <ul>
 28 
                                    <ul>
31 
                                        {linkOption.childs?.map((optionsChild, index) =>
 29 
                                        {linkOption.childs?.map((optionsChild, index) =>
32 
                                            <li key={index}>
 30 
                                            <li key={index}>
33 
                                                <a href={optionsChild.href} target={path.includes('dashboard') ? '_blank' : '_self'} rel="noreferrer" >{optionsChild.label}</a>
 31 
                                                <a href={optionsChild.href} target='framename'>{optionsChild.label}</a>
34 
                                            </li>
 32 
                                            </li>
35 
                                        )}
 33 
                                        )}
36 
                                    </ul>
 34 
                                    </ul>
37 
                                </nav>
 35 
                                </nav>