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