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