refactor: :recycle: refactor bottom bar into Layout

2 files changed, 28 insertions, 2 deletions

diff --git a/extension/react-app/src/redux/slices/uiStateSlice.ts b/extension/react-app/src/redux/slices/uiStateSlice.ts
index 837d19e9..d34596c9 100644
--- a/extension/react-app/src/redux/slices/uiStateSlice.ts
+++ b/extension/react-app/src/redux/slices/uiStateSlice.ts
@@ -5,6 +5,10 @@ export const uiStateSlice = createSlice({
   initialState: {
     bottomMessage: undefined,
     bottomMessageCloseTimeout: undefined,
+    showDialog: false,
+    dialogMessage: "",
+    dialogEntryOn: false,
+    displayBottomMessageOnBottom: true,
   },
   reducers: {
     setBottomMessage: (state, action) => {
@@ -16,9 +20,27 @@ export const uiStateSlice = createSlice({
       }
       state.bottomMessageCloseTimeout = action.payload;
     },
+    setDialogMessage: (state, action) => {
+      state.dialogMessage = action.payload;
+    },
+    setDialogEntryOn: (state, action) => {
+      state.dialogEntryOn = action.payload;
+    },
+    setShowDialog: (state, action) => {
+      state.showDialog = action.payload;
+    },
+    setDisplayBottomMessageOnBottom: (state, action) => {
+      state.displayBottomMessageOnBottom = action.payload;
+    },
   },
 });
 
-export const { setBottomMessage, setBottomMessageCloseTimeout } =
-  uiStateSlice.actions;
+export const {
+  setBottomMessage,
+  setBottomMessageCloseTimeout,
+  setDialogMessage,
+  setDialogEntryOn,
+  setShowDialog,
+  setDisplayBottomMessageOnBottom,
+} = uiStateSlice.actions;
 export default uiStateSlice.reducer;
diff --git a/extension/react-app/src/redux/store.ts b/extension/react-app/src/redux/store.ts
index d49513e5..aa8f5e7b 100644
--- a/extension/react-app/src/redux/store.ts
+++ b/extension/react-app/src/redux/store.ts
@@ -35,6 +35,10 @@ export interface RootStore {
   uiState: {
     bottomMessage: JSX.Element | undefined;
     bottomMessageCloseTimeout: NodeJS.Timeout | undefined;
+    displayBottomMessageOnBottom: boolean;
+    showDialog: boolean;
+    dialogMessage: string | JSX.Element;
+    dialogEntryOn: boolean;
   };
 }