Proyectos de Subversion LeadersLinked - Backend

const Sidebar = ({ backendVars }) => {

const Sidebar = ({ backendVars }) => {

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

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

    return (

	return (

        <aside class="main-sidebar sidebar-light-primary right-border">

		<aside className="main-sidebar sidebar-light-primary right-border" style={{ height: '100vh' }}>

            <a href="/dashboard" class="brand-link">

			<a href="/dashboard" className="brand-link">

                <img

				<img

                    src={companyId ? `/storage/type/company/code/${companyId}/filename/${companyImg}` : "/img/logo-ll34x34.png"}

					src={companyId ? `/storage/type/company/code/${companyId}/filename/${companyImg}` : '/img/logo-ll34x34.png'}

                    alt={companyName ? companyName : "Administrador"}

					alt={companyName ? companyName : 'Administrador'}

                    class="brand-image"

					className="brand-image"

                    style={{

					style={{

                        opacity: ".8",

						opacity: '.8',

                        backgroundColor: "#fff"

						backgroundColor: '#fff'

                    }}

					}}

                />

				/>

                <span class="brand-text font-weight-light">

				<span className="brand-text font-weight-light">

                    {name ? name : "Admin"}

					{name ? name : 'Admin'}

                </span>

				</span>

            </a>

			</a>

            <div class="sidebar">

			<div className="sidebar">

                <nav class="mt-2">

				<nav className="mt-2">

                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">

					<ul className="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">

                        {

						{

                            menuItems.map((item, index) => (

							menuItems.map((item, index) => (

                                <MenuItem

								<MenuItem

                                    item={item}

									item={item}

                                    key={index}

									key={index}

                                />

								/>

                            ))

							))

                        }

						}

                    </ul >

					</ul >

                </nav>

				</nav>