aswi2023one-team-to-rule-them-all-gitlab/src/stores/reducers/notesSlice.ts @ f8083631

import { AsyncThunkAction, PayloadAction, createSlice } from "@reduxjs/toolkit"
import { deleteNote, getAllNotes, createNote, updateNote } from "../actions/notesThunks"
import { Certainty, ItemViewState, Item } from "../../types/item";
import { Note, NotesViewState } from "../../types/note";



const initialState: NotesViewState = {
    notes: [],
    notesLoading: true, // for reading notes
    requestPending: false, // for updating or deleting note
    triggerRefresh: 0,
    lastError: ""
}

export const noteSlice = createSlice({
    name: "note",
    initialState: initialState,
    reducers: {
    },
    extraReducers: (builder) => {
        // getAllNotes
        builder.addCase(getAllNotes.fulfilled, (state, action) => {
            state.notesLoading = false;
            state.lastError = "";
            state.notes = action.payload.notes;
        })
        builder.addCase(getAllNotes.pending, (state, action) => {
            state.notesLoading = true;
        })
        builder.addCase(getAllNotes.rejected, (state, action) => {
            state.notesLoading = false;
            state.lastError = action.error.message
        })

        // deleteNote
        builder.addCase(deleteNote.pending, (state, action) => {
            state.requestPending = true;
        })
        builder.addCase(deleteNote.fulfilled, (state, action) => {
            state.lastError = "";
            state.triggerRefresh++;
            state.requestPending = false;
        })
        builder.addCase(deleteNote.rejected, (state, action) => {
            state.requestPending = false;
            state.lastError = action.error.message
        })

        // createNote
        builder.addCase(createNote.pending, (state, action) => {
            state.requestPending = true;
        })
        builder.addCase(createNote.fulfilled, (state, action) => {
            state.notes = [action.payload.createdNote ,...state.notes]
            state.lastError = "";
            state.triggerRefresh++;
            state.requestPending = false;
        })
        builder.addCase(createNote.rejected, (state, action) => {
            state.requestPending = false;
            state.lastError = action.error.message
        })

        // createNote
        builder.addCase(updateNote.pending, (state, action) => {
            state.requestPending = true;
        })
        builder.addCase(updateNote.fulfilled, (state, action) => {
            state.requestPending = false;
            state.notes = state.notes.map((note) => {
                if (note.uuid === action.payload.updateNote.uuid) {
                    return action.payload.updateNote;
                } else {
                    return note;
                }
            });
            state.lastError = "";
        });
        builder.addCase(updateNote.rejected, (state, action) => {
            state.requestPending = false;
            state.lastError = action.error.message
        })
    }
})

export default noteSlice.reducer