fix: reset submission when convo clears

client/src/components/Conversations/Conversation.jsx

@@ -35,7 +35,6 @@ export default function Conversation({
     if (!stopStream) {
       dispatch(setStopStream(true));
       dispatch(setSubmission({}));
-      dispatch(setSubmitState(false));
     }
     dispatch(setEmptyMessage());
 

client/src/components/Conversations/DeleteButton.jsx

@@ -5,6 +5,7 @@ import manualSWR from '~/utils/fetchers';
 import { useDispatch } from 'react-redux';
 import { setNewConvo, removeConvo } from '~/store/convoSlice';
 import { setMessages } from '~/store/messageSlice';
+import { setSubmission } from '~/store/submitSlice';
 
 export default function DeleteButton({ conversationId, renaming, cancelHandler }) {
   const dispatch = useDispatch();
@@ -15,6 +16,7 @@ export default function DeleteButton({ conversationId, renaming, cancelHandler }
       dispatch(setMessages([]));
       dispatch(removeConvo(conversationId));
       dispatch(setNewConvo());
+      dispatch(setSubmission({}));
     }
   );
 

client/src/components/Models/ModelDialog.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useRef } from 'react';
 import TextareaAutosize from 'react-textarea-autosize';
 import { useSelector, useDispatch } from 'react-redux';
-import { setModel, setCustomGpt } from '~/store/submitSlice';
+import { setSubmission, setModel, setCustomGpt } from '~/store/submitSlice';
 import { setNewConvo } from '~/store/convoSlice';
 import manualSWR from '~/utils/fetchers';
 import { Button } from '../ui/Button.tsx';
@@ -39,6 +39,7 @@ export default function ModelDialog({ mutate, setModelSave, handleSaveState }) {
     handleSaveState(chatGptLabel.toLowerCase());
     // Set new conversation
     dispatch(setNewConvo());
+    dispatch(setSubmission({}));
   };
 
   const saveHandler = (e) => {

client/src/components/Models/ModelMenu.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { setModel, setDisabled, setCustomGpt, setCustomModel } from '~/store/submitSlice';
+import { setSubmission, setModel, setDisabled, setCustomGpt, setCustomModel } from '~/store/submitSlice';
 import { setNewConvo } from '~/store/convoSlice';
 import ModelDialog from './ModelDialog';
 import MenuItems from './MenuItems';
@@ -77,6 +77,7 @@ export default function ModelMenu() {
 
     // Set new conversation
     dispatch(setNewConvo());
+    dispatch(setSubmission({}));
   };
 
   const onOpenChange = (open) => {

client/src/components/Nav/ClearConvos.jsx

@@ -13,6 +13,7 @@ export default function ClearConvos() {
   const { trigger } = manualSWR(`/api/convos/clear`, 'post', () => {
     dispatch(setMessages([]));
     dispatch(setNewConvo());
+    dispatch(setSubmission({}));
     mutate(`/api/convos`);
   });
 

client/src/components/Nav/MobileNav.jsx

@@ -18,6 +18,7 @@ export default function MobileNav({ setNavVisible }) {
     dispatch(setText(''));
     dispatch(setMessages([]));
     dispatch(setNewConvo());
+    dispatch(setSubmission({}));
   }
 
   const title = convos?.find(element => element?.conversationId == conversationId)?.title || 'New Chat';

client/src/components/Nav/NewChat.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useDispatch } from 'react-redux';
 import { setNewConvo } from '~/store/convoSlice';
 import { setMessages } from '~/store/messageSlice';
+import { setSubmission } from '~/store/submitSlice';
 import { setText } from '~/store/textSlice';
 
 export default function NewChat() {
@@ -11,6 +12,7 @@ export default function NewChat() {
     dispatch(setText(''));
     dispatch(setMessages([]));
     dispatch(setNewConvo());
+    dispatch(setSubmission({}));
   };
 
   return (

client/src/store/submitSlice.js

@@ -20,6 +20,9 @@ const currentSlice = createSlice({
     },
     setSubmission: (state, action) => {
       state.submission = action.payload;
+      if (Object.keys(action.payload).length === 0) {
+        state.isSubmitting = false;
+      }
     },
     setStopStream: (state, action) => {
       state.stopStream = action.payload;