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>

  )

}