🐛 fix: fix input box losing focus after sending a message on the desk…

…top (#830)
lobehub · Dec 27, 2023 · d491af9 · d491af9
1 parent 7492921
commit d491af9
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/features/ChatInput/useChatInput.ts b/src/features/ChatInput/useChatInput.ts
@@ -1,6 +1,7 @@
 import { TextAreaRef } from 'antd/es/input/TextArea';
 import { useCallback, useRef, useState } from 'react';
 
+import { useIsMobile } from '@/hooks/useIsMobile';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
@@ -23,12 +24,15 @@ export const useChatInput = () => {
     s.updateInputMessage,
     s.stopGenerateMessage,
   ]);
+  const mobile = useIsMobile();
 
   const handleSend = useCallback(() => {
     setExpand(false);
-    ref?.current?.blur();
+    if (mobile) {
+      ref?.current?.blur();
+    }
     onSend();
-  }, [onSend]);
+  }, [onSend, mobile]);
 
   return {
     canUpload,