Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useCallback } from 'react'

import { useFetch } from '@hooks'

export const GoalsContext = createContext()

export default function GoalsProvider({ url, children }) {

  const { data, isLoading: loading, mutate } = useFetch(url, { items: [] })

  const { items: goals, link_add, total } = data

  const addGoal = useCallback(

    (newGoal) => {

      const newGoals = [newGoal, ...goals]

      mutate({ ...data, items: newGoals })

    },

    [goals, mutate]

  )

  const deleteGoal = useCallback(

    (goalId) => {

      const newGoals = goals.filter((goal) => goal.id !== goalId)

      mutate({ ...data, items: newGoals })

    },

    [goals, mutate]

  )

  const updateGoal = useCallback(

    (updatedGoal) => {

      const newGoals = goals.map((goal) =>

        goal.id === updatedGoal.id ? updatedGoal : goal

      )

      mutate({ ...data, items: newGoals })

    },

    [goals, mutate]

  )

  const getGoalById = useCallback(

    (goalId) => goals.find((goal) => goal.id === goalId),

    [goals]

  )

  return (

    <GoalsContext.Provider

      value={{

        loading,

        goals,

        addUrl: link_add,

        total,

        addGoal,

        deleteGoal,

        updateGoal,

        getGoalById

      }}

    >

      {children}

    </GoalsContext.Provider>

  )

}