Proyectos de Subversion LeadersLinked - SPA

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

import { useFetch } from '@hooks'

export const HabitsUrlsContext = createContext()

export default function HabitsUrlsProvider({ children }) {
  const {
    data,
    isLoading: loading,
    mutate
  } = useFetch('/habits', {
    categories: [],
    emojis: []
  })
  const { categories, emojis, ...links } = data

  useEffect(() => {
    if (!categories.length || !emojis.length) return

    const categoriesWithEmojis = categories.map((c) => ({ ...c, emojis }))
    mutate({ ...data, categories: categoriesWithEmojis })
  }, [loading])

  const selectEmoji = (categoryUuid, emojiCode) => {
    const newCategories = categories.map((category) => {
      if (category.uuid === categoryUuid) {
        const emojis = category.emojis.filter((e) => e.code === emojiCode)
        return { ...category, emojis }
      }

      return category
    })

    mutate({ ...data, categories: newCategories })
  }

  return (
    <HabitsUrlsContext.Provider
      value={{
        loading,
        categories,
        links,
        selectEmoji
      }}
    >
      {children}
    </HabitsUrlsContext.Provider>
  )
}