Proyectos de Subversion LeadersLinked - SPA

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

import { useFetch } from '@hooks'

export const HabitsContext = createContext()

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

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

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

  const addHabit = useCallback(

    (newHabit) => {

      const newHabits = [newHabit, ...habits]

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

    },

    [habits, mutate]

  )

  const removeHabit = useCallback(

    (habitId) => {

      const newHabits = habits.filter((habit) => habit.id !== habitId)

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

    },

    [habits, mutate]

  )

  const updateHabit = useCallback(

    (updatedHabit) => {

      const newHabits = habits.map((habit) =>

        habit.id === updatedHabit.id ? updatedHabit : habit

      )

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

    },

    [habits, mutate]

  )

  const getHabitById = useCallback(

    (habitId) => habits.find((habit) => habit.id === habitId),

    [habits]

  )

  return (

    <HabitsContext.Provider

      value={{

        loading,

        habits,

        addUrl: link_add,

        total,

        addHabit,

        removeHabit,

        updateHabit,

        getHabitById

      }}

    >

      {children}

    </HabitsContext.Provider>

  )

}