Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6639 Rev 6694
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { getBackendVars } from '../../../services/backendVars'
 - 
 
Línea 3... Línea -...
3 
 
 - 
 
4 
import NavLinks from './nav-links/NavLinks'
 2 
 
5 
import SearchInput from './searchbox/SearchInput'
 3 
import SearchInput from './searchbox/SearchInput'
- 
 
 4 
import UserImageDropdown from './user-dropdown/UserImageDropdown'
Línea 6... Línea 5...
6 
import UserImageDropdown from './user-dropdown/UserImageDropdown'
 5 
import LinkItem from './link-item/LinkItem'
Línea 7... Línea -...
7 
 
 - 
 
8 
import './styles/main.scss'
 6 
 
9 
 
 7 
import './styles/main.scss'
Línea 10... Línea -...
10 
const Header = () => {
 - 
 
11 
  const [navigationInfo, setNavigationInfo] = useState(null)
 - 
 
12 
  const [navbarOpen, setNavbarOpen] = useState(false)
 - 
 
13 
 
 - 
 
14 
  useEffect(() => {
 - 
 
15 
    getBackendVars('/helpers/menu')
 - 
 
16 
      .then((results) => setNavigationInfo(results))
 - 
 
17 
      .catch((err) => {
 - 
 
18 
        console.log(err)
 - 
 
19 
        throw new Error(err)
 8 
 
20 
      })
 9 
const Header = ({ logo, menu, image, name, linkAdmin, linkImpersonate }) => {
21 
  }, [])
 10 
  const [navbarOpen, setNavbarOpen] = useState(false)
22 
 
 11 
 
23 
  return (
 12 
  return (
24 
    <>
 13 
    <>
25 
      <nav className="navbar">
 14 
      <nav className="navbar">
26 
        <a href="/" className="logo d-none d-xl-block">
 15 
        <a href="/" className="logo d-none d-xl-block">
27 
          <img src={navigationInfo?.logoForNavbar} alt="logo" />
 16 
          <img src={logo} alt="logo" />
28 
        </a>
 17 
        </a>
29 
        <SearchInput />
 18 
        <SearchInput />
30 
        <div className="hamburgerIcon">
 19 
        <div className="hamburgerIcon">
31 
          <i
 20 
          <i
32 
            className="fa fa-bars text-gray"
 21 
            className="fa fa-bars text-gray"
33 
            onClick={() => setNavbarOpen(!navbarOpen)}
 22 
            onClick={() => setNavbarOpen(!navbarOpen)}
34 
          />
 23 
          />
35 
        </div>
 24 
        </div>
- 
 
 25 
        <nav className="navLinksContainer">
36 
        <nav className="navLinksContainer">
 26 
          <ul>
37 
          <NavLinks
 27 
            {[...menu].splice(0, 5).map((item, index) => (
38 
            menuData={navigationInfo?.menu}
 28 
              <LinkItem key={index} {...item} />
39 
            sessionLink={navigationInfo?.routeCheckSession}
 29 
            ))}
40 
          />
 30 
          </ul>
41 
        </nav>
 31 
        </nav>
42 
        <UserImageDropdown
 32 
        <UserImageDropdown
43 
          image={navigationInfo?.image}
 33 
          image={image}
44 
          fullName={navigationInfo?.fullName}
 34 
          fullName={name}
45 
          linkAdmin={navigationInfo?.linkAdmin}
 35 
          linkAdmin={linkAdmin}
46 
          linkImpersonate={navigationInfo?.linkImpersonate}
 36 
          linkImpersonate={linkImpersonate}
47 
        />
 37 
        />