Proyectos de Subversion LeadersLinked - Backend

Rev

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

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