Proyectos de Subversion LeadersLinked - Backend

import React from 'react'
import MenuItem from './MenuItem'
import '../../assets/styles/components/menu/_menu.scss'

const Sidebar = ({ backendVars }) => {

    const { menu: menuItems, companyId, companyImg, companyName, name, } = backendVars

    return (
        <aside class="main-sidebar sidebar-light-primary right-border">
            <a href="/dashboard" class="brand-link">
                <img
                    src={companyId ? `/storage/type/company/code/${companyId}/filename/${companyImg}` : "/img/logo-ll34x34.png"}
                    alt={companyName ? companyName : "Administrador"}
                    class="brand-image"
                    style={{
                        opacity: ".8",
                        backgroundColor: "#fff"
                    }}
                />
                <span class="brand-text font-weight-light">
                    {name ? name : "Admin"}
                </span>
            </a>
            <div class="sidebar">
                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                        {
                            menuItems.map((item, index) => (
                                <MenuItem
                                    item={item}
                                    key={index}
                                />
                            ))
                        }
                    </ul >
                </nav>
            </div>
        </aside>
    )
}

export default Sidebar