Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3432 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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