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>
  )
}