Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8912 | Rev 8919 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
8909 stevensc 1 
import React from 'react'
4682 stevensc 2 
 
3 
const MenuItem = ({ item }) => {
4 
 
5212 stevensc 5 
    const path = window.location.pathname
5206 stevensc 6 
 
4682 stevensc 7 
    return (
8918 stevensc 8 
        <li className={(path.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item dropdown")}>
4682 stevensc 9 
            {
10 
                item.pages
8918 stevensc 11 
                    ?
12 
                    <a href={"#"}
13 
                        className="nav-link dropdown-toggle"
14 
                        role="button"
15 
                        data-bs-toggle="dropdown"
16 
                        aria-expanded="false"
17 
                    >
18 
                        <i className={`nav-icon ${item.class}`} />
19 
                        <p>{item.label}</p>
20 
                        <i className="fa fa-angle-left menu_dropdown-arrow" />
21 
                    </a>
22 
                    :
23 
                    <a href={`/${item.route}`} className="nav-link">
24 
                        <i className={`nav-icon ${item.class}`} />
25 
                        <p>{item.label}</p>
26 
                    </a>
27 
            }
28 
            {
29 
                item.pages
4682 stevensc 30 
                &&
8918 stevensc 31 
                <ul className="dropdown-menu">
4682 stevensc 32 
                    {
33 
                        item.pages.map((levelTwo) =>
8909 stevensc 34 
                            <li className={path.includes(levelTwo.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
35 
                                <a href={`/${levelTwo.route}`} className="nav-link">
36 
                                    <i className="fa fa-circle nav-icon"></i>
37 
                                    <p>{levelTwo.label}</p>
38 
                                    {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
39 
                                </a>
4682 stevensc 40 
                                {
41 
                                    levelTwo.pages
42 
                                    &&
4784 stevensc 43 
                                    <ul className="nav nav-treeview">
4682 stevensc 44 
                                        {
45 
                                            levelTwo.pages.map((levelThree) =>
4784 stevensc 46 
                                                <li className={`nav-item`}>
47 
                                                    <a href={`/${levelThree.route}`} className="nav-link">
48 
                                                        <i className="fa fa-circle-o nav-icon"></i>
4682 stevensc 49 
                                                        <p>{levelThree.label}</p>
50 
                                                    </a>
51 
                                                </li>)
52 
                                        }
53 
                                    </ul>
54 
                                }
55 
                            </li>)
56 
                    }
57 
                </ul>
58 
            }
59 
        </li>
60 
    )
61 
}
62 
 
63 
export default MenuItem