Revize 852de08e

re #10454: ItemView: Concordance scroll view, Loading Component

src/stores/reducers/itemSlice.ts

@@ -2 +2 @@
 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: "#000000" },
-    high: { certainty: Certainty.High, color: "#FF0000" },
-    medium: { certainty: Certainty.Medium, color: "#FFFF00" },
-    low: { certainty: Certainty.Low, color: "#00FF00" },
-    unknown : { certainty: Certainty.Unknown, color: "#000000"}
+    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 = {
@@ -16 +16 @@
     selectedConcordance: 0,
     concordances: [],
     notes: [],
-    lastError: ""
+    lastError: "",
+    itemLoading: true,
+    notesLoading: true
 }
 
 export const itemSlice = createSlice({
@@ -62 +64 @@
                 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
         })