Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4248 Rev 4250
Línea 7... Línea 7...
7 
import ChatIcon from '@mui/icons-material/Chat'
 7 
import ChatIcon from '@mui/icons-material/Chat'
8 
import NotificationsIcon from '@mui/icons-material/Notifications'
 8 
import NotificationsIcon from '@mui/icons-material/Notifications'
9 
import CalendarViewDayIcon from '@mui/icons-material/CalendarViewDay'
 9 
import CalendarViewDayIcon from '@mui/icons-material/CalendarViewDay'
10 
import HeaderOptions from './HeaderOptions'
 10 
import HeaderOptions from './HeaderOptions'
11 
import './Header.scss'
 11 
import './Header.scss'
- 
 
 12 
import UserOptions from './UserOptions'
Línea 12... Línea 13...
12 
 
 13 
 
13 
const ICON_OPTIONS = [
 14 
const ICON_OPTIONS = [
14 
  HomeIcon,
 15 
  HomeIcon,
15 
  SupervisorAccountIcon,
 16 
  SupervisorAccountIcon,
16 
  BusinessCenterIcon,
 17 
  BusinessCenterIcon,
17 
  ChatIcon,
 18 
  ChatIcon,
18 
  NotificationsIcon,
 19 
  NotificationsIcon,
19 
  CalendarViewDayIcon
 20 
  CalendarViewDayIcon
Línea -... Línea 21...
- 
 
 21 
]
20 
]
 22 
 
- 
 
 23 
const Header = ({
- 
 
 24 
  menu: menuItems = [],
- 
 
 25 
  image = '',
- 
 
 26 
  logoForNavbar = '',
- 
 
 27 
  fullName,
- 
 
 28 
  companyVars,
- 
 
 29 
  isChatPage,
- 
 
 30 
  linkAdmin,
- 
 
 31 
  linkImpersonate,
Línea 21... Línea 32...
21 
 
 32 
  routeCheckSession,
22 
const Header = ({ logoForNavbar, menu: menuItems }) => {
 33 
}) => {
23 
 
 34 
 
24 
  const [navbarOpen, setNavbarOpen] = useState(false);
 35 
  const [navbarOpen, setNavbarOpen] = useState(false);
Línea 25... Línea 36...
25 
  const [sessionImage, setSessionImage] = useState(null)
 36 
  const [userImage, setUserImage] = useState(image)
26 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
 37 
  const [showMobileSearch, setShowMobileSearch] = useState(false)
27 
  const [loading, setLoading] = useState(false);
 38 
  const [loading, setLoading] = useState(false);
28 
 
 39 
 
29 
  useEffect(() => {
 40 
  useEffect(() => {
30 
    let timer;
 41 
    let timer;
31 
    if (!loading) {
 42 
    if (!loading) {
32 
      timer = setTimeout(() => checkSessionImage(), 1000);
 43 
      timer = setTimeout(() => checkUserImage(), 1000);
33 
    }
 44 
    }
Línea 34... Línea 45...
34 
    return () => {
 45 
    return () => {
35 
      clearTimeout(timer);
 46 
      clearTimeout(timer);
36 
    };
 47 
    };
37 
  }, [loading])
 48 
  }, [loading])
38 
 
 49 
 
39 
  const checkSessionImage = async () => {
 50 
  const checkUserImage = async () => {
40 
    setLoading(true);
 51 
    setLoading(true);
41 
    const session_image = sessionStorage.getItem('user_session_image')
 52 
    const session_image = sessionStorage.getItem('user_session_image')
42 
    if (session_image) {
 53 
    if (session_image) {
Línea 83... Línea 94...
83 
                    title={item.label}
 94 
                    title={item.label}
84 
                    url={item.href}
 95 
                    url={item.href}
85 
                  />
 96 
                  />
86 
                )
 97 
                )
87 
              })}
 98 
              })}
- 
 
 99 
              <UserOptions
- 
 
 100 
                image={userImage}
- 
 
 101 
                name={fullName}
- 
 
 102 
                adminUrl={linkAdmin}
- 
 
 103 
                impersonateUrl={linkImpersonate}
- 
 
 104 
              />
88 
            </ul>
 105 
            </ul>
89 
          </nav>
 106 
          </nav>
90 
 
 - 
 
91 
        </div>
 107 
        </div>
92 
      </div>
 108 
      </div>
93 
    </div>
 109 
    </div>
94 
  )
 110 
  )
95 
}
 111 
}