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