Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4964 Rev 5256
Línea 14... Línea 14...
14 
import MenuIcon from '@mui/icons-material/Menu'
 14 
import MenuIcon from '@mui/icons-material/Menu'
Línea 15... Línea 15...
15 
 
 15 
 
16 
import HeaderOptions from './HeaderOptions'
 16 
import HeaderOptions from './HeaderOptions'
17 
import UserOptions from './UserOptions'
 17 
import UserOptions from './UserOptions'
18 
import NotificationsOption from './NotificationsOption'
 - 
 
Línea 19... Línea 18...
19 
let MenuDrawer
 18 
import NotificationsOption from './NotificationsOption'
- 
 
 19 
 
Línea 20... Línea 20...
20 
 
 20 
import './Header.scss'
21 
import './Header.scss'
 21 
let MenuDrawer
22 
 
 22 
 
23 
const ICON_OPTIONS = [
 23 
const ICON_OPTIONS = [
24 
  HomeIcon,
 24 
  HomeIcon,
25 
  PeopleIcon,
 25 
  PeopleIcon,
26 
  BusinessCenterIcon,
 26 
  BusinessCenterIcon,
Línea 27... Línea 27...
27 
  GroupsIcon,
 27 
  GroupsIcon,
28 
  SellIcon,
 28 
  SellIcon
29 
]
 29 
]
30 
 
 30 
 
31 
const Header = ({
 31 
const Header = ({
32 
  menu,
 32 
  menu,
33 
  image = '',
 33 
  image = '',
34 
  logoForNavbar = '',
 34 
  logoForNavbar = '',
35 
  fullName,
 35 
  fullName,
36 
  linkAdmin,
 36 
  linkAdmin,
37 
  linkImpersonate,
 37 
  linkImpersonate,
38 
  //companyVars,
 38 
  // companyVars,
39 
  //isChatPage,
 39 
  // isChatPage,
40 
  routeCheckSession,
 40 
  routeCheckSession,
41 
  defaultNetwork,
 41 
  defaultNetwork
42 
}) => {
 42 
}) => {
Línea 120... Línea 120...
120 
    const handleClickOutside = (event) => {
 120 
    const handleClickOutside = (event) => {
121 
      if (searchInput?.current && !searchInput?.current?.contains(event.target)) {
 121 
      if (searchInput?.current && !searchInput?.current?.contains(event.target)) {
122 
        setShowMobileSearch(false)
 122 
        setShowMobileSearch(false)
123 
      }
 123 
      }
124 
    }
 124 
    }
125 
    document.addEventListener("mousedown", handleClickOutside)
 125 
    document.addEventListener('mousedown', handleClickOutside)
Línea 126... Línea 126...
126 
 
 126 
 
127 
    return () => {
 127 
    return () => {
128 
      document.removeEventListener("mousedown", handleClickOutside)
 128 
      document.removeEventListener('mousedown', handleClickOutside)
129 
    }
 129 
    }
Línea 130... Línea 130...
130 
  }, [searchInput])
 130 
  }, [searchInput])
131 
 
 131 
 
132 
  return (
 132 
  return (
133 
    <>
 133 
    <>
134 
      <div className='header'>
 134 
      <div className='header'>
Línea 135... Línea 135...
135 
        <div className='container'>
 135 
        <div className='container'>
- 
 
 136 
          <div className='header__nav'>
136 
          <div className='header__nav'>
 137 
 
- 
 
 138 
            <div className={`header__left ${showMobileSearch && 'show'}`}>
137 
 
 139 
              <a href="/">
138 
            <div className={`header__left ${showMobileSearch && 'show'}`}>
 140 
                <img src={logoForNavbar} alt='Logo' />
139 
              <img src={logoForNavbar} alt='Logo' />
 141 
              </a>
140 
              <form
 142 
              <form
141 
                className='header__search show'
 143 
                className='header__search show'
Línea 195... Línea 197...
195 
                />
 197 
                />
196 
                {MenuDrawer &&
 198 
                {MenuDrawer &&
197 
                  <li className='d-md-none'>
 199 
                  <li className='d-md-none'>
198 
                    <a
 200 
                    <a
199 
                      href='/'
 201 
                      href='/'
200 
                      className={`header__option mobile`}
 202 
                      className={'header__option mobile'}
201 
                      onClick={(e) => {
 203 
                      onClick={(e) => {
202 
                        e.preventDefault()
 204 
                        e.preventDefault()
203 
                        setShowDrawer(!showDrawer)
 205 
                        setShowDrawer(!showDrawer)
204 
                      }}
 206 
                      }}
205 
                    >
 207 
                    >