feat: :lipstick: better loading experience

2 files changed, 7 insertions, 2 deletions

diff --git a/extension/react-app/src/redux/slices/miscSlice.ts b/extension/react-app/src/redux/slices/miscSlice.ts
index c59cc4eb..3990ac09 100644
--- a/extension/react-app/src/redux/slices/miscSlice.ts
+++ b/extension/react-app/src/redux/slices/miscSlice.ts
@@ -4,13 +4,17 @@ export const miscSlice = createSlice({
   name: "misc",
   initialState: {
     highlightedCode: "",
+    takenAction: false,
   },
   reducers: {
-    setHighlightedCode: (state, action) => {
+    setHighlightedCode: (state: any, action) => {
       state.highlightedCode = action.payload;
     },
+    setTakenActionTrue: (state: any, action) => {
+      state.takenAction = true;
+    },
   },
 });
 
-export const { setHighlightedCode } = miscSlice.actions;
+export const { setHighlightedCode, setTakenActionTrue } = miscSlice.actions;
 export default miscSlice.reducer;
diff --git a/extension/react-app/src/redux/store.ts b/extension/react-app/src/redux/store.ts
index 7959a067..e448e81a 100644
--- a/extension/react-app/src/redux/store.ts
+++ b/extension/react-app/src/redux/store.ts
@@ -28,6 +28,7 @@ export interface RootStore {
   };
   misc: {
     highlightedCode: RangeInFile | undefined;
+    takenAction: boolean;
   };
   uiState: {
     bottomMessage: JSX.Element | undefined;