reorganize components and add root import plugin

src/store/convoSlice.js

@@ -0,0 +1,24 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  active: false,
+  conversationId: null,
+  parentMessageId: null,
+};
+
+const currentSlice = createSlice({
+  name: 'convo',
+  initialState,
+  reducers: {
+    setConversation: (state, action) => {
+      const { conversationId, parentMessageId } = action.payload;
+      state.conversationId = conversationId;
+      state.parentMessageId = parentMessageId;
+    },
+  }
+});
+//
+
+export const { setConversation } = currentSlice.actions;
+
+export default currentSlice.reducer;

src/store/index.js

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

src/store/messageSlice.js

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