Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6705 | Rev 6707 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6705 Rev 6706
Línea 1... Línea 1...
1 
import React, { useEffect, useState, useRef } from 'react'
 1 
import React, { useRef } from 'react'
2 
 
 - 
 
3 
import SuggestWidget from '../../../widgets/default/SuggestWidget'
 - 
 
4 
import useOutsideClick from '../../../../hooks/useOutsideClick'
 2 
import useOutsideClick from '../../../../hooks/useOutsideClick'
- 
 
 3 
import SuggestWidget from '../../../widgets/default/SuggestWidget'
5 
import ProfileInfo from '../../../widgets/default/ProfileWidget'
 4 
import ProfileInfo from '../../../widgets/default/ProfileWidget'
Línea 6... Línea 5...
6 
 
 5 
 
7 
const ResponsiveNavbar = ({
 6 
const ResponsiveNavbar = ({
8 
  show,
 7 
  show,
- 
 
 8 
  image,
9 
  image,
 9 
  toggleMenu,
10 
  name,
 10 
  name,
11 
  description,
 11 
  description,
12 
  visits,
 12 
  visits,
13 
  country,
 13 
  country,
14 
  connections,
 14 
  connections,
15 
  linkAdmin,
 15 
  linkAdmin,
16 
  linkImpersonate,
 16 
  linkImpersonate,
17 
}) => {
 - 
 
18 
  const [shouldRender, setShouldRender] = useState(show)
 17 
}) => {
19 
  const responsiveNavbar = useRef()
 18 
  const responsiveNavbar = useRef()
20 
  useOutsideClick(responsiveNavbar, () => setShouldRender(false))
 - 
 
21 
 
 - 
 
22 
  useEffect(() => {
 - 
 
23 
    setShouldRender(show)
 - 
 
Línea 24... Línea 19...
24 
  }, [show])
 19 
  useOutsideClick(responsiveNavbar, toggleMenu)
25 
 
 20 
 
26 
  return (
 - 
 
27 
    <nav
 21 
  return (
28 
      className={`responsiveNavbar ${
 - 
 
29 
        shouldRender ? 'slideIn' : 'slideOut'
 22 
    <nav
30 
      } p-0`}
 23 
      className={`responsiveNavbar ${show ? 'slideIn' : 'slideOut'} p-0`}
31 
      ref={responsiveNavbar}
 24 
      ref={responsiveNavbar}
32 
    >
 25 
    >
33 
      <ProfileInfo
 26 
      <ProfileInfo