Rev 6707 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
import React, { useRef } from 'react'
import useOutsideClick from '../../../../hooks/useOutsideClick'
import SuggestWidget from '../../../widgets/default/SuggestWidget'
import ProfileInfo from '../../../widgets/default/ProfileWidget'
const ResponsiveNavbar = ({
show,
image,
toggleMenu,
name,
description,
visits,
country,
connections,
linkAdmin,
linkImpersonate,
}) => {
const navRef = useRef(null)
useOutsideClick(navRef, () => toggleMenu())
return (
<div className={`responsive_navbar ${show && 'show'}`} ref={navRef}>
<ProfileInfo
connections={connections}
country={country}
description={description}
visits={visits}
image={image}
linkAdmin={linkAdmin}
linkImpersonate={linkImpersonate}
name={name}
/>
<SuggestWidget title="Mis Grupos:" url="/helpers/my-groups" />
<SuggestWidget title="Grupos:" url="/helpers/groups-suggestion" />
</div>
)
}
export default ResponsiveNavbar