Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState, useRef } from 'react'

import SuggestWidget from '../../../widgets/default/SuggestWidget'
import useOutsideClick from '../../../../hooks/useOutsideClick'
import ProfileInfo from '../../../widgets/default/ProfileWidget'

const ResponsiveNavbar = ({
  show,
  image,
  name,
  description,
  visits,
  country,
  connections,
  linkAdmin,
  linkImpersonate,
}) => {
  const [shouldRender, setShouldRender] = useState(show)
  const responsiveNavbar = useRef()
  useOutsideClick(responsiveNavbar, () => setShouldRender(false))

  useEffect(() => {
    setShouldRender(show)
  }, [show])

  return (
    <nav
      className={`responsiveNavbar ${
        shouldRender ? 'slideIn' : 'slideOut'
      } p-0`}
      ref={responsiveNavbar}
    >
      <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" />
    </nav>
  )
}

export default ResponsiveNavbar