From 87cc3cf168a646b449ba749aa79f131013990ef8 Mon Sep 17 00:00:00 2001
From: Alex <a@tushynski.me>
Date: Sat, 5 Aug 2023 21:58:54 +0100
Subject: [PATCH] fix the styling in a box

---
 frontend/src/conversation/Conversation.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 7cf59ff..56f87b6 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -71,6 +71,12 @@ export default function Conversation() {
     return responseView;
   };
 
+  const handlePaste = (e: React.ClipboardEvent) => {
+    e.preventDefault();
+    const text = e.clipboardData.getData('text/plain');
+    document.execCommand('insertText', false, text);
+  };
+
   return (
     <div className="flex justify-center p-4">
       {queries.length > 0 && (
@@ -98,6 +104,7 @@ export default function Conversation() {
           <div
             ref={inputRef}
             contentEditable
+            onPaste={handlePaste}
             className={`border-000000 overflow-x-hidden; max-h-24 min-h-[2.6rem] w-full overflow-y-auto whitespace-pre-wrap rounded-xl border bg-white py-2 pl-4 pr-9 leading-7 opacity-100 focus:outline-none`}
             onKeyDown={(e) => {
               if (e.key === 'Enter' && !e.shiftKey) {