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>

  );

}