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 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/CalendarMonth';
|
7 |
import SellIcon from '@mui/icons-material/Sell';
|
7 |
import SellIcon from '@mui/icons-material/Sell';
|
8 |
import PeopleIcon from '@mui/icons-material/People';
|
8 |
import PeopleIcon from '@mui/icons-material/People';
|
9 |
import GroupsIcon from '@mui/icons-material/Groups';
|
9 |
import GroupsIcon from '@mui/icons-material/Groups';
|
10 |
import HeaderOptions from './HeaderOptions'
|
10 |
import HeaderOptions from './HeaderOptions'
|
11 |
import SupervisorAccountIcon from '@mui/icons-material/SupervisorAccount'
|
- |
|
12 |
import ChatIcon from '@mui/icons-material/Chat'
|
11 |
import ChatIcon from '@mui/icons-material/Chat'
|
13 |
import NotificationsIcon from '@mui/icons-material/Notifications'
|
12 |
import NotificationsIcon from '@mui/icons-material/Notifications'
|
14 |
import './Header.scss'
|
13 |
import './Header.scss'
|
15 |
import UserOptions from './UserOptions'
|
14 |
import UserOptions from './UserOptions'
|
Línea 84... |
Línea 83... |
84 |
return (
|
83 |
return (
|
85 |
<div className='header'>
|
84 |
<div className='header'>
|
86 |
<div className='container'>
|
85 |
<div className='container'>
|
87 |
<div className='header__nav'>
|
86 |
<div className='header__nav'>
|
Línea 88... |
Línea 87... |
88 |
|
87 |
|
89 |
<div className='header__left' style={{ flex: showMobileSearch ? '1' : 'auto' }}>
|
88 |
<div className='header__left'>
|
Línea 90... |
Línea 89... |
90 |
<img src={logoForNavbar} alt='Logo' />
|
89 |
<img src={logoForNavbar} alt='Logo' />
|
91 |
|
90 |
|
92 |
<div
|
91 |
<div
|