Proyectos de Subversion LeadersLinked - SPA

import { useEffect, useMemo } from 'react'

import useFetch from '@app/hooks/useFetch'

function useNavbar() {
  const { data: menuData } = useFetch('/helpers/menu')
  const { data: session, refetch } = useFetch(menuData?.routeCheckSession)

  const memoMenu = useMemo(() => {
    if (!menuData.menu) return []

    const menu = structuredClone(menuData?.menu)
    const comunicationIndex = menu.findIndex(
      (item) => item.label === 'Comunicación'
    )
    const comunication = menu[comunicationIndex]

    const newComunicationChilds = comunication.childs.map((child) => {
      if (child.label === 'Notificaciones') {
        return { ...child, count: session?.total_notifications }
      }

      if (child.label === 'Inmail') {
        return { ...child, count: session?.total_messages }
      }

      return child
    })

    comunication.childs = newComunicationChilds
    menu[comunicationIndex] = comunication

    console.log(menu)

    return menu
  }, [menuData, session])

  useEffect(() => {
    const sessionInterval = setInterval(() => refetch(), 3000)

    return () => {
      clearInterval(sessionInterval)
    }
  }, [])

  return {
    menuData: { ...menuData, menu: memoMenu },
    totalNotifications: session?.total_notifications ?? 0,
    totalMessages: session?.total_messages ?? 0
  }
}

export default useNavbar