Proyectos de Subversion LeadersLinked - Backend

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

const Sidebar = ({ backendVars }) => {

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


    useEffect(() => {
        console.log(companyId)
        console.log(companyImg)
        console.log(companyName)
        console.log(name)
    }, [])

    return (
        <>
            <a href="/dashboard" className="brand-link">
                <img
                    src={`storage/type/company/code/${companyId}/filename/${companyImg}`}
                    alt={companyName}
                    className="brand-image"
                    style={{
                        opacity: ".9",
                        backgroundColor: "white"
                    }}
                />
                <span className="brand-text font-weight-light">
                    {name}
                </span>
            </a>
            <div className="sidebar">
                <nav className="mt-2">
                    <ul className="nav nav-pills nav-sidebar flex-column">
                        {
                            menu.map((item, index) => (
                                <MenuItem
                                    item={item}
                                    key={index}
                                />
                            ))
                        }
                    </ul >
                </nav>
            </div>
        </>
    )
}

export default Sidebar