Proyectos de Subversion LeadersLinked - Backend

Rev

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

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