Proyectos de Subversion LeadersLinked - Backend

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 dropdown")}>
            {
                item.pages
                    ?
                    <a href={"#"}
                        className="nav-link dropdown-toggle"
                        role="button"
                        data-bs-toggle="dropdown"
                        aria-expanded="false"
                    >
                        <i className={`nav-icon ${item.class}`} />
                        <p>{item.label}</p>
                        <i className="fa fa-angle-left menu_dropdown-arrow" />
                    </a>
                    :
                    <a href={`/${item.route}`} className="nav-link">
                        <i className={`nav-icon ${item.class}`} />
                        <p>{item.label}</p>
                    </a>
            }
            {
                item.pages
                &&
                <ul className="dropdown-menu">
                    {
                        item.pages.map((levelTwo) =>
                            <li 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) =>
                                                <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