WebSVN – LeadersLinked - SPA – Diff – /app/providers/habits/habitsUrls.jsx

-import React, { createContext } from 'react'
+import React, { createContext, useEffect } from 'react'
 import { useFetch } from '@hooks'
+export const HabitsUrlsContext = createContext()
+export default function HabitsUrlsProvider({ children }) {
+  const {
-export const HabitsUrlsContext = createContext()
+    data,
     isLoading: loading,
-export default function HabitsUrlsProvider({ children }) {
+    mutate
-  const { data, isLoading: loading } = useFetch('/habits', {
+  } = 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
+    })
     emojis: []
-  })
+    mutate({ ...data, categories: newCategories })
   const { categories, emojis, ...links } = data
   return (
     <HabitsUrlsContext.Provider
       value={{
         loading,
         categories,
         links,
-        emojis
+        selectEmoji
       }}

Proyectos de Subversion LeadersLinked - SPA