Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4947 Rev 4948
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useRef, useState } from 'react'
 2 
import React, { useEffect, useRef, useState } from 'react'
- 
 
 3 
import { axios, useWindowSize } from '../../../utils'
- 
 
 4 
import { useForm } from 'react-hook-form'
- 
 
 5 
 
3 
import SearchIcon from '@mui/icons-material/Search'
 6 
import SearchIcon from '@mui/icons-material/Search'
4 
import HomeIcon from '@mui/icons-material/Home'
 7 
import HomeIcon from '@mui/icons-material/Home'
5 
import BusinessCenterIcon from '@mui/icons-material/BusinessCenter'
 8 
import BusinessCenterIcon from '@mui/icons-material/BusinessCenter'
6 
import SellIcon from '@mui/icons-material/Sell'
 9 
import SellIcon from '@mui/icons-material/Sell'
7 
import PeopleIcon from '@mui/icons-material/People'
 10 
import PeopleIcon from '@mui/icons-material/People'
8 
import GroupsIcon from '@mui/icons-material/Groups'
 11 
import GroupsIcon from '@mui/icons-material/Groups'
9 
import HeaderOptions from './HeaderOptions'
 - 
 
10 
import ChatIcon from '@mui/icons-material/Chat'
 12 
import ChatIcon from '@mui/icons-material/Chat'
11 
import NotificationsIcon from '@mui/icons-material/Notifications'
 13 
import NotificationsIcon from '@mui/icons-material/Notifications'
12 
import MenuIcon from '@mui/icons-material/Menu'
 14 
import MenuIcon from '@mui/icons-material/Menu'
- 
 
 15 
 
- 
 
 16 
import HeaderOptions from './HeaderOptions'
13 
import UserOptions from './UserOptions'
 17 
import UserOptions from './UserOptions'
14 
import { useForm } from 'react-hook-form'
 - 
 
15 
import NotificationsOption from './NotificationsOption'
 18 
import NotificationsOption from './NotificationsOption'
16 
import MenuDrawer from './Drawer'
 19 
let MenuDrawer
Línea 17... Línea 20...
17 
 
 20 
 
18 
import './Header.scss'
 - 
 
Línea 19... Línea 21...
19 
import { axios } from '../../../utils'
 21 
import './Header.scss'
20 
 
 22 
 
21 
const ICON_OPTIONS = [
 23 
const ICON_OPTIONS = [
22 
  HomeIcon,
 24 
  HomeIcon,
Línea 46... Línea 48...
46 
 
 48 
 
47 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
 49 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
48 
  const [showDrawer, setShowDrawer] = useState(false)
 50 
  const [showDrawer, setShowDrawer] = useState(false)
Línea -... Línea 51...
- 
 
 51 
  const [loading, setLoading] = useState(false)
- 
 
 52 
 
49 
  const [loading, setLoading] = useState(false)
 53 
  const [innerWidth] = useWindowSize()
Línea 50... Línea 54...
50 
 
 54 
 
Línea 51... Línea 55...
51 
  const searchInput = useRef(null)
 55 
  const searchInput = useRef(null)
Línea 105... Línea 109...
105 
      setAditionalItems(menu.splice(menu.length - 5))
 109 
      setAditionalItems(menu.splice(menu.length - 5))
106 
    }
 110 
    }
107 
  }, [])
 111 
  }, [])
Línea 108... Línea 112...
108 
 
 112 
 
- 
 
 113 
  useEffect(() => {
- 
 
 114 
    if (innerWidth < 992) {
- 
 
 115 
      MenuDrawer = React.lazy(() => import('./Drawer'))
- 
 
 116 
    }
- 
 
 117 
  }, [innerWidth])
- 
 
 118 
 
109 
  useEffect(() => {
 119 
  useEffect(() => {
110 
    const handleClickOutside = (event) => {
 120 
    const handleClickOutside = (event) => {
111 
      if (searchInput?.current && !searchInput?.current?.contains(event.target)) {
 121 
      if (searchInput?.current && !searchInput?.current?.contains(event.target)) {
112 
        setShowMobileSearch(false)
 122 
        setShowMobileSearch(false)
113 
      }
 123 
      }
Línea 195... Línea 205...
195 
              </ul>
 205 
              </ul>
196 
            </nav>
 206 
            </nav>
197 
          </div>
 207 
          </div>
198 
        </div>
 208 
        </div>
199 
      </div>
 209 
      </div>
200 
      <MenuDrawer items={menuItems} icons={ICON_OPTIONS} isOpen={showDrawer} closeDrawer={() => setShowDrawer(false)} />
 210 
      {MenuDrawer && <MenuDrawer items={menuItems} icons={ICON_OPTIONS} isOpen={showDrawer} closeDrawer={() => setShowDrawer(false)} />}
201 
    </>
 211 
    </>
202 
  )
 212 
  )
203 
}
 213 
}
Línea 204... Línea 214...
204 
 
 214