Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3328 | Rev 3416 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3320 stevensc 1 
import React, { createContext, useCallback } from 'react'
2 
 
3 
import { useFetch } from '@hooks'
4 
 
5 
export const HabitProgressContext = createContext()
6 
 
7 
export default function HabitProgressProvider({ url, name, children }) {
8 
  const { data, isLoading, mutate } = useFetch(url, {
9 
    link_add: '',
10 
    items: [],
11 
    total: 0
12 
  })
13 
 
14 
  const { link_add, items, total } = data
15 
 
16 
  const addItem = useCallback(
17 
    (newItem) => {
3373 stevensc 18 
      const newItems = [newItem, ...items]
3320 stevensc 19 
      mutate({ ...data, items: newItems })
20 
    },
21 
    [items, mutate]
22 
  )
23 
 
24 
  const removeItem = useCallback(
25 
    (itemId) => {
26 
      const newItems = items.filter((item) => item.id !== itemId)
27 
      mutate({ ...data, items: newItems })
28 
    },
29 
    [items, mutate]
30 
  )
31 
 
32 
  const editItem = useCallback(
33 
    (updatedItem) => {
34 
      const newItems = items.map((item) =>
3328 stevensc 35 
        item.id === updatedItem.id ? { ...item, ...updatedItem } : item
3320 stevensc 36 
      )
37 
      mutate({ ...data, items: newItems })
38 
    },
39 
    [items, mutate]
40 
  )
41 
 
42 
  const getItemById = useCallback(
43 
    (itemId) => items.find((item) => item.id === itemId),
44 
    [items]
45 
  )
46 
 
47 
  return (
48 
    <HabitProgressContext.Provider
49 
      value={{
50 
        loading: isLoading,
51 
        addUrl: link_add,
52 
        registers: items,
53 
        addItem,
54 
        editItem,
55 
        removeItem,
56 
        getItemById,
57 
        habitName: name,
58 
        total
59 
      }}
60 
    >
61 
      {children}
62 
    </HabitProgressContext.Provider>
63 
  )
64 
}