adding redux in progress

store/convoSlice.js

@@ -11,8 +11,10 @@ const currentSlice = createSlice({
   initialState,
   reducers: {
     setConversation: (state, action) => {
-      const { payload } = action;
-      state = { ...state, ...payload };
+      console.log('in setConversation reducer');
+      const { conversationId, parentMessageId } = action.payload;
+      state.conversationId = conversationId;
+      state.parentMessageId = parentMessageId;
     },
   }
 });

store/index.js

@@ -1,11 +1,11 @@
 import { configureStore } from '@reduxjs/toolkit';
 
 import convoReducer from './convoSlice.js';
-// import uploadReducer from './uploadSlice.js'
+import messageReducer from './messageSlice.js'
 
 export const store = configureStore({
   reducer: {
     convo: convoReducer,
-    // upload: uploadReducer,
+    messages: messageReducer,
   },
 });

store/messageSlice.js

@@ -0,0 +1,20 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = [];
+
+const currentSlice = createSlice({
+  name: 'messages',
+  initialState,
+  reducers: {
+    setMessages: (state, action) => {
+      console.log('in setMessages reducer');
+      const { payload } = action;
+      state = payload;
+    },
+  }
+});
+//
+
+export const { setMessages } = currentSlice.actions;
+
+export default currentSlice.reducer;