prevent new message hwhen loading

hack4impact-uiuc · Mar 31, 2024 · 6d75e5c · 6d75e5c
1 parent 7e307ca
commit 6d75e5c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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<AutoResizeTextareaProps> = ({
@@ -13,12 +14,13 @@ const AutoResizeTextarea: React.FC<AutoResizeTextareaProps> = ({
   placeholder,
   maxHeight = "200px",
   onSendMessage,
+  isLoading,
   ...rest
 }) => {
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    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
@@ -261,6 +261,7 @@ export default function Home() {
               borderRadius="none"
               borderColor="black"
               minHeight="40px"
+              isLoading={loading}
               onSendMessage={() =>
                 handleSendMessage(
                   textValue,