Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4743 Rev 4779
Línea 7... Línea 7...
7 
import PeopleIcon from '@mui/icons-material/People';
 7 
import PeopleIcon from '@mui/icons-material/People';
8 
import GroupsIcon from '@mui/icons-material/Groups';
 8 
import GroupsIcon from '@mui/icons-material/Groups';
9 
import HeaderOptions from './HeaderOptions'
 9 
import HeaderOptions from './HeaderOptions'
10 
import ChatIcon from '@mui/icons-material/Chat'
 10 
import ChatIcon from '@mui/icons-material/Chat'
11 
import NotificationsIcon from '@mui/icons-material/Notifications'
 11 
import NotificationsIcon from '@mui/icons-material/Notifications'
- 
 
 12 
import MenuIcon from '@mui/icons-material/Menu'
12 
import UserOptions from './UserOptions'
 13 
import UserOptions from './UserOptions'
Línea 13... Línea 14...
13 
 
 14 
 
14 
import './Header.scss'
 15 
import './Header.scss'
15 
import { useForm } from 'react-hook-form';
 16 
import { useForm } from 'react-hook-form';
16 
import NotificationsOption from './NotificationsOption';
 17 
import NotificationsOption from './NotificationsOption';
17 
import ComunicationOptions from './ComunicationOptions';
 18 
import ComunicationOptions from './ComunicationOptions';
- 
 
 19 
import MobileMenu from './MobileMenu';
Línea 18... Línea 20...
18 
import MobileMenu from './MobileMenu';
 20 
import MenuDrawer from './Drawer';
19 
 
 21 
 
20 
const ICON_OPTIONS = [
 22 
const ICON_OPTIONS = [
21 
  HomeIcon,
 23 
  HomeIcon,
Línea 38... Línea 40...
38 
}) => {
 40 
}) => {
39 
  const [menuItems, setMenuItems] = useState(menu || [])
 41 
  const [menuItems, setMenuItems] = useState(menu || [])
40 
  const [aditionalItems, setAditionalItems] = useState([])
 42 
  const [aditionalItems, setAditionalItems] = useState([])
41 
  const [userImage, setUserImage] = useState(image)
 43 
  const [userImage, setUserImage] = useState(image)
42 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
 44 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
- 
 
 45 
  const [showDrawer, setShowDrawer] = useState(false)
43 
  const [loading, setLoading] = useState(false);
 46 
  const [loading, setLoading] = useState(false);
44 
  const searchInput = useRef(null);
 47 
  const searchInput = useRef(null);
Línea 45... Línea 48...
45 
 
 48 
 
46 
  const { handleSubmit, register } = useForm()
 49 
  const { handleSubmit, register } = useForm()
Línea 150... Línea 153...
150 
                  image={userImage}
 153 
                  image={userImage}
151 
                  name={fullName}
 154 
                  name={fullName}
152 
                  adminUrl={linkAdmin}
 155 
                  adminUrl={linkAdmin}
153 
                  impersonateUrl={linkImpersonate}
 156 
                  impersonateUrl={linkImpersonate}
154 
                />
 157 
                />
- 
 
 158 
                <li className='d-md-none'>
- 
 
 159 
                  <a
- 
 
 160 
                    href='/'
- 
 
 161 
                    className={`header__option`}
- 
 
 162 
                    onClick={(e) => {
- 
 
 163 
                      e.preventDefault()
- 
 
 164 
                      setShowDrawer(!showDrawer)
- 
 
 165 
                    }}
- 
 
 166 
                  >
- 
 
 167 
                    <MenuIcon />
- 
 
 168 
                  </a>
- 
 
 169 
                </li>
155 
              </ul>
 170 
              </ul>
156 
            </nav>
 171 
            </nav>
157 
          </div>
 172 
          </div>
158 
        </div>
 173 
        </div>
159 
      </div>
 174 
      </div>
- 
 
 175 
      <MenuDrawer items={menuItems} icons={ICON_OPTIONS} isOpen={showDrawer} closeDrawer={() => setShowDrawer(false)} />
160 
      <MobileMenu navLinks={menuItems} icons={ICON_OPTIONS} />
 176 
      <MobileMenu navLinks={menuItems} icons={ICON_OPTIONS} />
161 
    </>
 177 
    </>
162 
  )
 178 
  )
163 
}
 179 
}