Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4261 Rev 4263
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useRef, useState } from 'react'
3 
import SearchIcon from '@mui/icons-material/Search'
 3 
import SearchIcon from '@mui/icons-material/Search'
4 
import HomeIcon from '@mui/icons-material/Home'
 4 
import HomeIcon from '@mui/icons-material/Home'
5 
import BusinessCenterIcon from '@mui/icons-material/BusinessCenter'
 5 
import BusinessCenterIcon from '@mui/icons-material/BusinessCenter'
6 
import CalendarMonthIcon from '@mui/icons-material/CalendarViewMonth'
 6 
import CalendarMonthIcon from '@mui/icons-material/CalendarViewMonth'
7 
import SellIcon from '@mui/icons-material/Sell';
 7 
import SellIcon from '@mui/icons-material/Sell';
Línea 37... Línea 37...
37 
 
 37 
 
38 
  const [navbarOpen, setNavbarOpen] = useState(false);
 38 
  const [navbarOpen, setNavbarOpen] = useState(false);
39 
  const [userImage, setUserImage] = useState(image)
 39 
  const [userImage, setUserImage] = useState(image)
40 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
 40 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
- 
 
 41 
  const [loading, setLoading] = useState(false);
Línea 41... Línea 42...
41 
  const [loading, setLoading] = useState(false);
 42 
  const searchInput = useRef(null);
42 
 
 43 
 
43 
  useEffect(() => {
 44 
  useEffect(() => {
44 
    let timer;
 45 
    let timer;
Línea 65... Línea 66...
65 
    if (window.innerWidth < 768) {
 66 
    if (window.innerWidth < 768) {
66 
      setShowMobileSearch(true)
 67 
      setShowMobileSearch(true)
67 
    }
 68 
    }
68 
  }
 69 
  }
Línea -... Línea 70...
- 
 
 70 
 
- 
 
 71 
  useEffect(() => {
- 
 
 72 
    const handleClickOutside = (event) => {
- 
 
 73 
      if (searchInput.current && !searchInput.current.contains(event.target)) {
- 
 
 74 
        setShowMobileSearch(false)
- 
 
 75 
      }
- 
 
 76 
    }
- 
 
 77 
    document.addEventListener("mousedown", handleClickOutside);
- 
 
 78 
 
- 
 
 79 
    return () => {
- 
 
 80 
      document.removeEventListener("mousedown", handleClickOutside);
- 
 
 81 
    };
- 
 
 82 
  }, [searchInput]);
69 
 
 83 
 
70 
  return (
 84 
  return (
71 
    <div className='header'>
 85 
    <div className='header'>
72 
      <div className='container'>
 86 
      <div className='container'>
Línea 81... Línea 95...
81 
            >
 95 
            >
82 
              <SearchIcon />
 96 
              <SearchIcon />
83 
              <input
 97 
              <input
84 
                type='text'
 98 
                type='text'
85 
                placeholder='Search'
 99 
                placeholder='Search'
- 
 
 100 
                ref={searchInput}
86 
              />
 101 
              />
87 
            </div>
 102 
            </div>
88 
          </div>
 103 
          </div>
Línea 89... Línea 104...
89 
 
 104