fix: input message duplicated due with some input sources (janhq#1259)

richiesh · Dec 30, 2023 · 8757d4d · 8757d4d
1 parent 75ad446
commit 8757d4d
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/web/screens/Chat/index.tsx b/web/screens/Chat/index.tsx
@@ -5,6 +5,7 @@ import { Button, Textarea } from '@janhq/uikit'
 
 import { useAtom, useAtomValue } from 'jotai'
 
+import { debounce } from 'lodash'
 import { StopCircle } from 'lucide-react'
 import { twMerge } from 'tailwind-merge'
 
@@ -82,16 +83,20 @@ const ChatScreen = () => {
     }
   }, [currentPrompt])
 
-  const onKeyDown = async (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter') {
-      if (!e.shiftKey) {
-        e.preventDefault()
-        if (messages[messages.length - 1]?.status !== MessageStatus.Pending)
-          sendChatMessage()
-        else onStopInferenceClick()
+  const onKeyDown = debounce(
+    async (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+      if (e.key === 'Enter') {
+        if (!e.shiftKey) {
+          e.preventDefault()
+          if (messages[messages.length - 1]?.status !== MessageStatus.Pending)
+            sendChatMessage()
+          else onStopInferenceClick()
+        }
       }
-    }
-  }
+    },
+    50,
+    { leading: false, trailing: true }
+  )
 
   const onStopInferenceClick = async () => {
     events.emit(EventName.OnInferenceStopped, {})