Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState, useEffect } from 'react'

import DefaultNavbar from './default/Navbar'

import { axios } from '../../utils'

import { getBackendVars } from '../../services/backendVars'

const results = {

  menu: [

    {

      label: 'Inicio',

      href: 'dashboard',

      img: '/images/navbar/home.svg',

      ajax: 0,

      childs: [],

    },

    {

      label: 'Perfil',

      href: 'profile',

      img: '/images/navbar/perfil.svg',

      ajax: 0,

      childs: [

        {

          label: 'Conexiones',

          href: 'connection',

          childs: [

            {

              label: 'Mis Conexiones',

              href: 'connection/my-connections',

            },

            {

              label: 'Invitaciones enviadas',

              href: 'connection/invitations-sent',

            },

            {

              label: 'Invitaciones recibidas',

              href: 'connection/invitations-received',

            },

            {

              label: 'Personas que quizás conozcas',

              href: 'connection/people-you-may-know',

            },

            {

              label: 'Personas bloqueadas',

              href: 'connection/people-blocked',

            },

          ],

        },

        {

          label: 'Mis perfiles',

          href: 'profile/my-profiles',

          childs: [],

        },

        {

          label: 'Empleos',

          href: 'job',

          childs: [

            {

              label: 'Que he aplicado',

              href: 'job/applied-jobs',

            },

            {

              label: 'Guardados',

              href: 'job/saved-jobs',

            },

          ],

        },

        {

          label: 'Quién ha visto mi perfil',

          href: 'profile/people-viewed-profile',

          childs: [],

        },

      ],

    },

    {

      label: 'Empresas',

      href: 'company',

      img: '/images/navbar/empresa.svg',

      ajax: 0,

      childs: [

        {

          label: 'Mis empresas',

          href: 'company/my-companies',

          childs: [],

        },

        {

          label: 'Empresas que sigo',

          href: 'company/following-companies',

          childs: [],

        },

        {

          label: 'Empresas donde trabajo',

          href: 'company/i-work-with',

          childs: [],

        },

        {

          label: 'Solicitudes enviadas',

          href: 'company/requests-sent',

          childs: [],

        },

        {

          label: 'Invitaciones recibidas',

          href: 'company/invitations-received',

          childs: [],

        },

      ],

    },

    {

      label: 'Grupos',

      href: 'group',

      img: '/images/navbar/grupos.svg',

      ajax: 0,

      childs: [

        {

          label: 'Mis Grupos',

          href: 'group/my-groups',

          childs: [],

        },

        {

          label: 'Grupos unidos',

          href: 'group/joined-groups',

          childs: [],

        },

        {

          label: 'Solicitudes enviadas',

          href: 'group/requests-sent',

          childs: [],

        },

        {

          label: 'Invitaciones recibidas',

          href: 'group/invitations-received',

          childs: [],

        },

      ],

    },

    {

      label: 'Tienda',

      href: 'marketplace',

      img: '/images/navbar/market-place.svg',

      ajax: 0,

      childs: [],

    },

    {

      label: 'Calendario',

      href: 'calendar',

      img: '/images/navbar/calendar.svg',

      ajax: 0,

      childs: [],

    },

  ],

  isChatPage: false,

  routeCheckSession: '/check-session',

  linkAdmin: false,

  linkImpersonate: true,

  image:

    '/storage/type/user/code/e85129fa-18eb-4149-8640-fea9ae916cdc/filename/user-profile-63d3c94c2b1a4.png/',

  fullName: 'Santiago Olivera',

  country: 'México',

  visits: '64',

  connections: 6,

  logoForNavbar: 'https://dev.leaderslinked.com/storage-network/type/navbar',

  defaultNetwork: 'y',

  linkKnowledgeArea: true,

  routeKnowledgeArea: '/knowledge-area',

  linkMyCoach: true,

  routeMyCoach: '/my-coach',

}

const Header = ({ theme = 'default' }) => {

  const [backendVars, setBackendVars] = useState(null)

  const [notificationsCount, setNotificationsCount] = useState(0)

  const [messagesCount, setMessagesCount] = useState(0)

  const [userImage, setUserImage] = useState('')

  const [loading, setLoading] = useState(false)

  const checkUserImage = () => {

    const session_image = sessionStorage.getItem('user_session_image')

    if (!session_image) {

      return

    }

    setUserImage(session_image)

    sessionStorage.removeItem('user_session_image')

  }

  const checkSession = async () => {

    try {

      setLoading(true)

      const { data: response } = await axios.get(backendVars?.routeCheckSession)

      const { total_messages, total_notifications } = response.data

      if (response.success) {

        setMessagesCount(Number(total_messages))

        setNotificationsCount(Number(total_notifications))

      }

      setLoading(false)

    } catch (error) {

      console.log(error)

    }

  }

  useEffect(() => {

    getBackendVars('/helpers/menu')

      .then((data) => {

        const knowledgeRoutes = {

          label: 'Conocimiento',

          href: '/knowledge',

          img: '',

          childs: [],

          ajax: 0,

        }

        const comunicationRoutes = {

          label: 'Comunicación',

          href: '/comunication',

          img: '',

          childs: [

            { label: 'Calendario', href: '/calendar' },

            { label: 'Inmail', href: '/inmail', count: messagesCount },

            { label: 'Chat', href: '/chat' },

            {

              label: 'Notificaciones',

              href: '/notifications',

              count: notificationsCount,

            },

          ],

          ajax: 0,

        }

        const menuItems = [...data.menu, knowledgeRoutes, comunicationRoutes]

        if (results.linkKnowledgeArea) {

          knowledgeRoutes.childs.push({

            label: 'Área de conocimiento',

            href: results.routeKnowledgeArea,

          })

        }

        if (results.linkMyCoach) {

          knowledgeRoutes.childs.push({ label: 'Mi Coach', href: '/my-coach' })

        }

        setUserImage(data.image)

        setBackendVars({ ...data, menu: menuItems })

      })

      .catch((err) => {

        console.log(err)

        throw new Error(err)

      })

  }, [])

  useEffect(() => {

    let timer

    if (!loading) {

      timer = setTimeout(() => {

        checkUserImage()

        checkSession()

      }, 2000)

    }

    return () => {

      clearTimeout(timer)

    }

  }, [loading])

  switch (theme) {

    case 'default':

      return (

        <DefaultNavbar

          menu={backendVars?.menu}

          image={userImage}

          logo={backendVars?.logoForNavbar}

          name={backendVars?.fullName}

          linkAdmin={backendVars?.linkAdmin}

          linkImpersonate={backendVars?.linkImpersonate}

        />

      )

    default:

      return <DefaultNavbar />

  }

}

export default Header