From a6d2118085ef8dab619ae98e2c2242f797ee789d Mon Sep 17 00:00:00 2001
From: asolpshinning <57355937+asolpshinning@users.noreply.github.com>
Date: Sat, 18 Mar 2023 14:17:45 -0500
Subject: [PATCH] Updated ChatInput.tsx text area to autoextend for larger
 prompt size

---
 components/Chat/ChatInput.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index cb10feb..00b5b4e 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -56,7 +56,14 @@ export const ChatInput: FC<Props> = ({ onSend, messageIsStreaming }) => {
         <textarea
           ref={textareaRef}
           className="rounded-lg pl-4 pr-8 py-3 w-full focus:outline-none max-h-[280px] dark:bg-[#40414F] dark:border-opacity-50 dark:border-neutral-800 dark:text-neutral-100 border border-neutral-300 shadow text-neutral-900"
-          style={{ resize: "none", bottom: `${textareaRef?.current?.scrollHeight}px` }}
+          style={{
+                        resize: "none", 
+                        bottom: `${textareaRef?.current?.scrollHeight}px`, 
+                        height: 'auto',
+                        minHeight: '100px',
+                        maxHeight: '400px',
+                        overflow: 'auto',
+                    }}
           placeholder="Type a message..."
           value={content}
           rows={1}