Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8903 Rev 8909
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea -...
3 
const MenuItem = ({ item }) => {
 - 
 
4 
 
 - 
 
5 
    const [levelOneDisplay, setLevelOneDisplay] = useState(false)
 3 
const MenuItem = ({ item }) => {
Línea 6... Línea 4...
6 
    const [levelTwoDisplay, setLevelTwoDisplay] = useState(false)
 4 
 
7 
    const path = window.location.pathname
 5 
    const path = window.location.pathname
8 
 
 - 
 
9 
    return (
 - 
 
10 
        <li className={(path.includes(item.route) || levelOneDisplay) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
 - 
 
11 
            {
 - 
 
12 
                item.pages
 - 
 
13 
                    ?
 6 
 
14 
                    <a
 - 
 
15 
                        href='#'
 7 
    return (
16 
                        className="nav-link"
 8 
        <li className={path.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
17 
                    >
 9 
            <a href={`/${item.route}`} className="nav-link">
18 
                        <i className={`nav-icon ${item.class}`}></i>
 10 
                <i className={`nav-icon ${item.class}`}></i>
19 
                        <p>{item.label}</p>
 11 
                <p>{item.label}</p>
20 
                        <i className="fa fa-angle-left menu_dropdown-arrow"></i>
 - 
 
21 
                    </a>
 12 
                {
22 
                    :
 - 
 
23 
                    <a href={`/${item.route}`} className="nav-link">
 13 
                    item.pages
24 
                        <i className={`nav-icon ${item.class}`}></i>
 14 
                    &&
25 
                        <p>{item.label}</p>
 15 
                    <i className="fa fa-angle-left menu_dropdown-arrow"></i>
26 
                    </a>
 16 
                }
27 
            }
 17 
            </a>
28 
            {
 18 
            {
29 
                item.pages
 19 
                item.pages
30 
                &&
 20 
                &&
31 
                <ul className="nav nav-treeview">
 21 
                <ul className="nav nav-treeview">
32 
                    {
 - 
 
33 
                        item.pages.map((levelTwo) =>
 - 
 
34 
                            <li className={(path.includes(item.route) || levelTwoDisplay) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
 - 
 
35 
                                {
 - 
 
36 
                                    levelTwo.pages
 - 
 
37 
                                        ?
 22 
                    {
38 
                                        <a
 - 
 
39 
                                            href='#'
 - 
 
40 
                                            className="nav-link"
 23 
                        item.pages.map((levelTwo) =>
41 
                                            onClick={() => setLevelTwoDisplay(!levelTwoDisplay)}
 24 
                            <li className={path.includes(levelTwo.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
42 
                                        >
 25 
                                <a href={`/${levelTwo.route}`} className="nav-link">
43 
                                            <i className="fa fa-circle nav-icon"></i>
 - 
 
44 
                                            <p>{levelTwo.label}</p>
 - 
 
45 
                                            <i className="fa fa-angle-left menu_dropdown-arrow"></i>
 - 
 
46 
                                        </a>
 - 
 
47 
                                        :
 - 
 
48 
                                        <a href={`/${levelTwo.route}`} className="nav-link">
 - 
 
49 
                                            <i className="fa fa-circle nav-icon"></i>
 - 
 
50 
                                            <p>{levelTwo.label}</p>
 26 
                                    <i className="fa fa-circle nav-icon"></i>
51 
                                        </a>
 27 
                                    <p>{levelTwo.label}</p>
52 
 
 28 
                                    {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
53 
                                }
 29 
                                </a>
54 
                                {
 30 
                                {
55 
                                    levelTwo.pages
 31 
                                    levelTwo.pages