diff --git a/app/components/AutoResizeTextArea.tsx b/app/components/AutoResizeTextArea.tsx index 97cd026..9e171ef 100644 --- a/app/components/AutoResizeTextArea.tsx +++ b/app/components/AutoResizeTextArea.tsx @@ -5,6 +5,7 @@ import { Textarea, TextareaProps } from "@chakra-ui/react"; interface AutoResizeTextareaProps extends TextareaProps { maxHeight?: string; onSendMessage?: () => void; + isLoading: boolean; } const AutoResizeTextarea: React.FC = ({ @@ -13,12 +14,13 @@ const AutoResizeTextarea: React.FC = ({ placeholder, maxHeight = "200px", onSendMessage, + isLoading, ...rest }) => { const textareaRef = useRef(null); const handleKeyDown = (event: React.KeyboardEvent) => { - if ((event.metaKey || event.ctrlKey) && event.key === "Enter") { + if ((event.metaKey || event.ctrlKey) && event.key === "Enter" && !isLoading) { event.preventDefault(); if (onSendMessage) { onSendMessage(); diff --git a/app/page.tsx b/app/page.tsx index 35147cc..c3affdf 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -261,6 +261,7 @@ export default function Home() { borderRadius="none" borderColor="black" minHeight="40px" + isLoading={loading} onSendMessage={() => handleSendMessage( textValue,