Proyectos de Subversion LeadersLinked - Backend

/* eslint-disable no-mixed-spaces-and-tabs */
import React from 'react'

const MenuItem = ({ item }) => {

        const path = window.location.pathname

        return (
                <li className={path.includes(item.route) ? 'nav-item menu-is-opening menu-open' : 'nav-item'}>
                        <a href={`/${item.route}`} className="nav-link">
                                <i className={`nav-icon ${item.class}`}></i>
                                <p>{item.label}</p>
                                {item.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
                        </a>
                        {item.pages &&
                <ul className="nav nav-treeview">
                        {item.pages.map((levelTwo, i) =>
                                <li key={i} className={path.includes(levelTwo.route) ? 'nav-item menu-is-opening menu-open' : 'nav-item'}>
                                        <a href={`/${levelTwo.route}`} className="nav-link">
                                                <i className="fa fa-circle nav-icon"></i>
                                                <p>{levelTwo.label}</p>
                                                {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
                                        </a>
                                        {
                                                levelTwo.pages
                                &&
                                <ul className="nav nav-treeview">
                                        {
                                                levelTwo.pages.map((levelThree, i) =>
                                                        <li key={i} className={'nav-item'}>
                                                                <a href={`/${levelThree.route}`} className="nav-link">
                                                                        <i className="fa fa-circle-o nav-icon"></i>
                                                                        <p>{levelThree.label}</p>
                                                                </a>
                                                        </li>)
                                        }
                                </ul>
                                        }
                                </li>)
                        }
                </ul>
                        }
                </li>
        )
}

export default MenuItem