django/django

import { createSlice } from '@reduxjs/toolkit'
export const cardReducer = createSlice({
    name: 'cards',
    initialState: {
        cards: [],
        isLoading: false
    },
    reducers: {
        getCardsFetch: (state) => {
            state.isLoading = true;
        },
        getCardsSuccess: (state, action) => {
            state.cards = action.payload;
            state.isLoading = false
        },
 # This is where the Post request data is added to the state
        newCardPost: (state, action) => {
            return {
                ...state, cards: [...state.cards, action.payload]
            }
        },
        updateCardSuccess: (state, action) => {
            const idx = state.cards.findIndex(card => card.id === Number(action.payload.id))
            const newState = [...state.cards]
            newState.splice(idx, 1, action.payload)
            return {
                ...state, cards: [...newState],
            }
        },
        deleteCardSuccess: (state, action) => {
            return {
                ...state,
                cards: [...state.cards.filter(card => card.id !== Number(action.payload.id))]
            }
        },
        getCardsFailure: (state) => {
            state.isLoading = false;
        }
    }

});