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>

  )

}