Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useCallback } from 'react';
import { useFetch } from '@hooks';

export const PurposesContext = createContext();

export default function PurposesProvider({ url, children }) {
  const { data, isLoading: loading, mutate } = useFetch(url, { items: [] });
  const { items: purposes, link_add, total } = data;

  const addPurpose = useCallback(
    (newPurpose) => {
      const newPurposes = [newPurpose, ...purposes];
      mutate({ ...data, items: newPurposes });
    },
    [purposes, mutate]
  );

  const removePurpose = useCallback(
    (purposeId) => {
      const newPurposes = purposes.filter((purpose) => purpose.id !== purposeId);
      mutate({ ...data, items: newPurposes });
    },
    [purposes, mutate]
  );

  const updatePurpose = useCallback(
    (updatedPurpose) => {
      const newPurposes = purposes.map((purpose) =>
        purpose.id === updatedPurpose.id ? updatedPurpose : purpose
      );
      mutate({ ...data, items: newPurposes });
    },
    [purposes, mutate]
  );

  const getPurposeById = useCallback(
    (purposeId) => purposes.find((purpose) => purpose.id === purposeId),
    [purposes]
  );

  return (
    <PurposesContext.Provider
      value={{
        loading,
        purposes,
        addUrl: link_add,
        total,
        addPurpose,
        removePurpose,
        updatePurpose,
        getPurposeById
      }}
    >
      {children}
    </PurposesContext.Provider>
  );
}