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 className="main-sidebar sidebar-light-primary right-border" style={{ height: '100vh' }}>
                        <a href="/dashboard" className="brand-link">
                                <img
                                        src={
                                                companyId
                                                        ? `/storage/type/company/code/${companyId}${companyImg ? `/filename/${companyImg}` : ''}`
                                                        : '/images/LL-08.png'
                                        }
                                        alt={companyName ? companyName : 'Administrador'}
                                        className="brand-image"
                                        style={{
                                                opacity: '.8',
                                                backgroundColor: '#fff'
                                        }}
                                />
                                <span className="brand-text font-weight-light">
                                        {name ? name : 'Admin'}
                                </span>
                        </a>
                        <div className="sidebar">
                                <nav className="mt-2">
                                        <ul className="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