Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useCallback } from 'react';

import { useFetch } from '@hooks';

export const HabitProgressContext = createContext();

export default function HabitProgressProvider({ url, name, children }) {
  const { data, isLoading, mutate } = useFetch(url, {
    link_add: '',
    items: [],
    total: 0
  });

  const { link_add, items, total } = data;

  const addItem = useCallback(
    (newItem) => {
      const newItems = [newItem, ...items];
      mutate({ ...data, items: newItems });
    },
    [items, mutate]
  );

  const removeItem = useCallback(
    (itemId) => {
      const newItems = items.filter((item) => item.id !== itemId);
      mutate({ ...data, items: newItems });
    },
    [items, mutate]
  );

  const editItem = useCallback(
    (updatedItem) => {
      const newItems = items.map((item) =>
        item.id === updatedItem.id ? { ...item, ...updatedItem } : item
      );
      mutate({ ...data, items: newItems });
    },
    [items, mutate]
  );

  const getItemById = useCallback((itemId) => items.find((item) => item.id === itemId), [items]);

  return (
    <HabitProgressContext.Provider
      value={{
        loading: isLoading,
        addUrl: link_add,
        registers: items,
        addItem,
        editItem,
        removeItem,
        getItemById,
        habitName: name,
        total
      }}
    >
      {children}
    </HabitProgressContext.Provider>
  );
}