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, loading, 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: loading,

        addUrl: link_add,

        registers: items,

        addItem,

        editItem,

        removeItem,

        getItemById,

        habitName: name,

        total,

      }}

    >

      {children}

    </HabitProgressContext.Provider>

  );

}