Merge pull request lencx#1373 from imsharukh1994/imsharukh1994-patch-1

Enhance ChatInput Component: Add Error Handling and Debounce Sync

src/view/Ask.tsx

@@ -1,22 +1,31 @@
 import { useState, useEffect, useRef } from 'react';
 import { invoke } from '@tauri-apps/api/core';
 import { useHotkeys } from 'react-hotkeys-hook';
-
 import useInfo from '~hooks/useInfo';
 import SendIcon from '~icons/Send';
+import debounce from 'lodash/debounce';
 
 export default function ChatInput() {
   const inputRef = useRef<HTMLTextAreaElement>(null);
   const [message, setMessage] = useState('');
   const { isMac } = useInfo();
 
   useEffect(() => {
-    invoke('ask_sync', { message: JSON.stringify(message) });
-  }, [message])
+    const syncMessage = debounce(async () => {
+      try {
+        await invoke('ask_sync', { message: JSON.stringify(message) });
+      } catch (error) {
+        console.error('Error syncing message:', error);
+      }
+    }, 300); // Debounce by 300ms
+
+    syncMessage();
+    return () => syncMessage.cancel(); // Cleanup debounce on unmount
+  }, [message]);
 
   useHotkeys(isMac ? 'meta+enter' : 'ctrl+enter', async (event: KeyboardEvent) => {
     event.preventDefault();
-    handleSend();
+    await handleSend();
   }, {
     enableOnFormTags: true,
   }, [message]);
@@ -27,7 +36,11 @@ export default function ChatInput() {
 
   const handleSend = async () => {
     if (!message) return;
-    await invoke('ask_send', { message: JSON.stringify(message) });
+    try {
+      await invoke('ask_send', { message: JSON.stringify(message) });
+    } catch (error) {
+      console.error('Error sending message:', error);
+    }
     setMessage('');
     if (inputRef.current) {
       inputRef.current.value = '';
@@ -50,6 +63,7 @@ export default function ChatInput() {
         className="absolute right-2 text-gray-400/80 dark:text-gray-600 cursor-pointer"
         onClick={handleSend}
         title={`Send message (${isMac ? '⌘⏎' : '⌃⏎'})`}
+        aria-label="Send message"
       />
     </div>
   );