Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

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

import ProfileInfo from '../../../../shared/profile/edit/profile-info/ProfileInfo'

import MyGroups from '../../../../shared/helpers/my-groups-helper/MyGroups'

import SuggestedGroupsHelper from '../../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper'

const ResponsiveNavbar = ({ show, navbarVars, LABELS }) => {

  // const { authorization } = props.companyVars

  //  const {allowProfile, allowFollower, allowUser, allowFeed, allowJob, allowCompany, allowSetting} = authorization

  const [shouldRender, setShouldRender] = useState(show)

  const responsiveNavbar = useRef()

  const handleUnmount = () => !show && setShouldRender(false)

  useEffect(() => {

    if (show) return setShouldRender(show)

  }, [show])

  useEffect(() => {

    const handleClickOutside = (event) => {

      if (responsiveNavbar.current && !responsiveNavbar.current.contains(event.target)) {

        setShouldRender(false)

      }

    }

    document.addEventListener('mousedown', handleClickOutside)

    return () => {

      document.removeEventListener('mousedown', handleClickOutside)

    }

  }, [responsiveNavbar])

  return (

    <nav

      className={`responsiveNavbar ${shouldRender ? 'slideIn' : 'slideOut'} p-0`}

      onAnimationEnd={handleUnmount}

      ref={responsiveNavbar}

    >

      <ProfileInfo

        {...navbarVars}

        headerClasses="d-flex rounded-0"

      />

      <MyGroups LABELS={LABELS} suggestedClassname="d-block" />

      <SuggestedGroupsHelper suggestedClassname='d-block' />

      <SocialNetworks LABELS={LABELS} />

    </nav>

  )

}

export default ResponsiveNavbar