aswi2023one-team-to-rule-them-all-gitlab/src/stores/reducers/itemSlice.ts @ ab632fe5

import { PayloadAction, createSlice } from "@reduxjs/toolkit"
import { getItem, getItemNotes } from "../actions/itemThunks"
import { Certainty, ItemViewState, Item } from "../../types/item";

// TODO set colors
export const CertaintyWithColors: Record<Certainty, { certainty: Certainty; color: string }> = {
    same_as: { certainty: Certainty.SameAs, color: "light.300" },
    high: { certainty: Certainty.High, color: "success.300" },
    medium: { certainty: Certainty.Medium, color: "warning.300" },
    low: { certainty: Certainty.Low, color: "danger.300" },
    unknown : { certainty: Certainty.Unknown, color: "light.300"}
};

const initialState: ItemViewState = {
    item: {} as Item,
    concordances: [],
    notes: [],
    lastError: "",
    itemLoading: true,
    notesLoading: true
}

export const itemSlice = createSlice({
    name: "item",
    initialState: initialState,
    reducers: {
        setConcordances: (state, action) => {
            state.concordances = action.payload.concordances;
        }
    },
    extraReducers: (builder) => {
        // getItem
        builder.addCase(getItem.fulfilled, (state, action) => {

            state.item = {
                id : action.payload.id,
                authorDisplayName : action.payload.authorDisplayName,
                workName : action.payload.workName,
                concordances : action.payload.concordances,
                searchSubjects : action.payload.searchSubjects,
                inventoryItem : action.payload.inventoryItem,
                prevItem: action.payload.prevItem,
                nextItem: action.payload.nextItem,
                fullView : action.payload.fullView,
            }

            if (action.payload.fullView) {
                state.item.institution = action.payload.institution;
                state.item.authorName = action.payload.authorName;
                state.item.images = action.payload.images;
                state.item.title = action.payload.images?.[0].title ?? undefined;
                state.item.repository = action.payload.repository;
                state.item.provenance = action.payload.provenance;
                state.item.description = action.payload.description;
            }
            else {
                state.item.institution = undefined;
                state.item.authorName = undefined;
                state.item.images = undefined;
                state.item.title = undefined;
                state.item.repository = undefined;
                state.item.provenance = undefined;
                state.item.description = undefined;
            }

            state.itemLoading = false;
        })
        builder.addCase(getItem.pending, (state, action) => {
            state.itemLoading = true;
        })
        builder.addCase(getItem.rejected, (state, action) => {
            state.itemLoading = false;
            state.lastError = action.error.message
        })

        // getItemNotes
        builder.addCase(getItemNotes.fulfilled, (state, action) => {
            state.notesLoading = false;
            state.notes = action.payload.notes;
        })
        builder.addCase(getItemNotes.pending, (state, action) => {
            state.notesLoading = true;
        })
        builder.addCase(getItemNotes.rejected, (state, action) => {
            state.notesLoading = false;
            state.lastError = action.error.message
        })

    }
})

export default itemSlice.reducer