From 05fdf6b93a29789cd92d788a97518fa2bf150a91 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 30 Nov 2024 02:44:24 +0530
Subject: [PATCH] (fix:edit-query) replace input with textarea

---
 frontend/src/conversation/ConversationBubble.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 39d2b5766..fc0044044 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -105,10 +105,14 @@ const ConversationBubble = forwardRef<
           )}
           {isEditClicked && (
             <div ref={editableQueryRef} className="w-[75%] flex flex-col">
-              <input
-                onChange={(e) => setEditInputBox(e.target.value)}
+              <textarea
+                placeholder="Type the updated query..."
+                onChange={(e) => {
+                  setEditInputBox(e.target.value);
+                }}
+                rows={1}
                 value={editInputBox}
-                className="ml-2 mr-2 rounded-[28px] py-[12px] dark:border-[0.5px] dark:border-white dark:bg-raisin-black dark:text-white px-[18px] border-[1.5px] border-black"
+                className="ml-2 mr-12 text-[15px] resize-y h-12 min-h-max rounded-3xl p-3  no-scrollbar leading-relaxed dark:border-[0.5px] dark:border-white dark:bg-raisin-black dark:text-white px-[18px] border-[1.5px] border-black"
               />
               <div
                 className={`flex flex-row-reverse justify-end gap-1 mt-3 text-sm font-medium`}