Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5455 Rev 5457
Línea 7... Línea 7...
7 
const UserImageDropdown = ({ fullName, image, linkAdmin, linkImpersonate }) => {
 7 
const UserImageDropdown = ({ fullName, image, linkAdmin, linkImpersonate }) => {
8 
  const [sessionImage, setSessionImage] = useState(image)
 8 
  const [sessionImage, setSessionImage] = useState(image)
9 
  const [showUserDropdown, setShowUserDropdown] = useState(false)
 9 
  const [showUserDropdown, setShowUserDropdown] = useState(false)
10 
  const userDropdownContainer = useRef(null)
 10 
  const userDropdownContainer = useRef(null)
11 
  const outsideClick = useOutsideClick(userDropdownContainer)
 11 
  const outsideClick = useOutsideClick(userDropdownContainer)
12 
  const userImg = useRef(null)
 - 
 
Línea 13... Línea 12...
13 
 
 12 
 
Línea 14... Línea 13...
14 
  const handleShowUserDropdown = () => setShowUserDropdown(!showUserDropdown)
 13 
  const handleShowUserDropdown = () => setShowUserDropdown(!showUserDropdown)
15 
 
 14 
 
Línea 20... Línea 19...
20 
      sessionStorage.removeItem('user_session_image')
 19 
      sessionStorage.removeItem('user_session_image')
21 
    }
 20 
    }
22 
  }
 21 
  }
Línea 23... Línea 22...
23 
 
 22 
 
24 
  useEffect(() => {
 23 
  useEffect(() => {
25 
    setInterval(() => checkSessionImage(), 1000)
 - 
 
26 
 
 24 
    const imageInterval = setInterval(() => checkSessionImage(), 1000)
27 
    return () => {
 25 
    return () => {
28 
      clearInterval()
 26 
      clearInterval(imageInterval)
29 
    }
 27 
    }
Línea 30... Línea 28...
30 
  }, [])
 28 
  }, [])
31 
 
 29 
 
32 
  useEffect(() => {
 30 
  useEffect(() => {
Línea 33... Línea 31...
33 
    if (outsideClick) handleShowUserDropdown()
 31 
    if (outsideClick) handleShowUserDropdown()
34 
  }, [outsideClick])
 32 
  }, [outsideClick])
35 
 
 33 
 
36 
  return (
 34 
  return (
37 
    <div
 35 
    <div
38 
      className="userImgContainer"
 36 
      className="userImgContainer d-sm-none d-md-none"
39 
      onClick={handleShowUserDropdown}
 37 
      onClick={handleShowUserDropdown}
40 
      ref={userDropdownContainer}
 38 
      ref={userDropdownContainer}
41 
    >
 39 
    >
42 
      <img src={sessionImage} alt="user-img" ref={userImg} />
 40 
      <img src={sessionImage} alt="user-img" />
43 
      <div className="d-inline-flex flex-column">
 41 
      <div className="d-inline-flex flex-column">
44 
        <h3>{fullName}</h3>
 42 
        <h3>{fullName}</h3>