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