Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5211 Rev 5212
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react'
Línea 2... Línea 2...
2
 
2
 
Línea 3... Línea 3...
3
const MenuItem = ({ item }) => {
3
const MenuItem = ({ item }) => {
-
 
4
 
Línea 4... Línea 5...
4
 
5
    const path = window.location.pathname
5
    const url = window.location.pathname
6
    const leveltwoPath = path.split('/')[2]
6
 
7
 
7
    return (
8
    return (
8
        <li className={url.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
9
        <li className={path.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
9
            <a href={`/${item.route}`} className="nav-link">
10
            <a href={`/${item.route}`} className="nav-link">
10
                <i className={`nav-icon ${item.class}`}></i>
11
                <i className={`nav-icon ${item.class}`}></i>
Línea 19... Línea 20...
19
                item.pages
20
                item.pages
20
                &&
21
                &&
21
                <ul className="nav nav-treeview">
22
                <ul className="nav nav-treeview">
22
                    {
23
                    {
23
                        item.pages.map((levelTwo) =>
24
                        item.pages.map((levelTwo) =>
24
                            <li className={url.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
25
                            <li className={item.route.includes(leveltwoPath) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
25
                                <a href={`/${levelTwo.route}`} className="nav-link">
26
                                <a href={`/${levelTwo.route}`} className="nav-link">
26
                                    <i className="fa fa-circle nav-icon"></i>
27
                                    <i className="fa fa-circle nav-icon"></i>
27
                                    <p>{levelTwo.label}</p>
28
                                    <p>{levelTwo.label}</p>
28
                                    {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
29
                                    {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
29
                                </a>
30
                                </a>