From c3f25015851b67dea83ea23e82823a5f13173252 Mon Sep 17 00:00:00 2001 From: Ryan Chen Date: Mon, 27 Oct 2025 12:22:32 -0400 Subject: [PATCH] Clear text input immediately upon message submission MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Clear input field right after user sends message (before API call) - Add validation to prevent submitting empty/whitespace-only messages - Improve UX by allowing user to type next message while waiting for response - Works for both simba mode and normal mode 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- raggr-frontend/src/components/ChatScreen.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/raggr-frontend/src/components/ChatScreen.tsx b/raggr-frontend/src/components/ChatScreen.tsx index be0f498..85fc947 100644 --- a/raggr-frontend/src/components/ChatScreen.tsx +++ b/raggr-frontend/src/components/ChatScreen.tsx @@ -121,8 +121,11 @@ export const ChatScreen = ({ setAuthenticated }: ChatScreenProps) => { }, [selectedConversation]); const handleQuestionSubmit = async () => { + if (!query.trim()) return; // Don't submit empty messages + const currMessages = messages.concat([{ text: query, speaker: "user" }]); setMessages(currMessages); + setQuery(""); // Clear input immediately after submission if (simbaMode) { console.log("simba mode activated"); @@ -151,7 +154,6 @@ export const ChatScreen = ({ setAuthenticated }: ChatScreenProps) => { setMessages( currMessages.concat([{ text: result.response, speaker: "simba" }]), ); - setQuery(""); // Clear input after successful send } catch (error) { console.error("Failed to send query:", error); // If session expired, redirect to login