Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

const MenuItem = ({ item }) => {

    return (

        <li className="nav-item">

            <a href={`/${item.route}`} className="nav-link">

                <i className={`nav-icon ${item.className}`}></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) =>

                            <li className="nav-item">

                                {

                                    levelTwo.pages

                                        ?

                                        <label className="nav-link">

                                            <i className="fa fa-circle nav-icon"></i>

                                            <p>{levelTwo.label}</p>

                                            <i className="fa fa-angle-left menu_dropdown-arrow"></i>

                                        </label>

                                        :

                                        <a href={`/${levelTwo.route}`} className="nav-link">

                                            <i className="fa fa-circle nav-icon"></i>

                                            <p>{levelTwo.label}</p>

                                        </a>

                                }

                                {

                                    levelTwo.pages

                                    &&

                                    <ul className="nav nav-treeview">

                                        {

                                            levelTwo.pages.map((levelThree) =>

                                                <li 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