From e31291308860ab098a4dbd7868eae8961858f7ab Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 27 May 2025 09:33:51 +0700
Subject: [PATCH] fix: prevent send message when empty message (#5109)

---
 web-app/src/containers/ChatInput.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web-app/src/containers/ChatInput.tsx b/web-app/src/containers/ChatInput.tsx
index 97990281f..7eb2308ba 100644
--- a/web-app/src/containers/ChatInput.tsx
+++ b/web-app/src/containers/ChatInput.tsx
@@ -73,6 +73,9 @@ const ChatInput = ({
       setMessage('Please select a model to start chatting.')
       return
     }
+    if (!prompt.trim()) {
+      return
+    }
     setMessage('')
     sendMessage(prompt)
   }
@@ -351,7 +354,7 @@ const ChatInput = ({
                 setRows(Math.min(newRows, maxRows))
               }}
               onKeyDown={(e) => {
-                if (e.key === 'Enter' && !e.shiftKey && prompt) {
+                if (e.key === 'Enter' && !e.shiftKey && prompt.trim()) {
                   e.preventDefault()
                   // Submit the message when Enter is pressed without Shift
                   handleSendMesage(prompt)
@@ -463,9 +466,9 @@ const ChatInput = ({
               </Button>
             ) : (
               <Button
-                variant={!prompt ? null : 'default'}
+                variant={!prompt.trim() ? null : 'default'}
                 size="icon"
-                disabled={!prompt}
+                disabled={!prompt.trim()}
                 onClick={() => handleSendMesage(prompt)}
               >
                 {streamingContent ? (