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}/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