Proyectos de Subversion LeadersLinked - SPA

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

export const ValuesContext = createContext();

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

  const addValue = useCallback(
    (newValue) => {
      const newValues = [...values, newValue];
      mutate({ ...data, items: newValues });
    },
    [values, mutate]
  );

  const removeValue = useCallback(
    (valueId) => {
      const newValues = values.filter((value) => value.id !== valueId);
      mutate({ ...data, items: newValues });
    },
    [values, mutate]
  );

  const updateValue = useCallback(
    (updatedValue) => {
      const newValues = values.map((value) =>
        value.id === updatedValue.id ? updatedValue : value
      );
      mutate({ ...data, items: newValues });
    },
    [values, mutate]
  );

  const getValueById = useCallback(
    (valueId) => values.find((value) => value.id === valueId),
    [values]
  );

  return (
    <ValuesContext.Provider
      value={{
        loading,
        values,
        addUrl: link_add,
        total,
        addValue,
        removeValue,
        updateValue,
        getValueById
      }}
    >
      {children}
    </ValuesContext.Provider>
  );
}