From 923822242f57e5569276e13010f9bea2ebb91063 Mon Sep 17 00:00:00 2001
From: Kamil Tomsik <info@tomsik.cz>
Date: Fri, 3 May 2024 21:19:10 +0200
Subject: [PATCH] fix rest of the forms

---
 src/app/_components/AutoGrowTextarea.tsx | 4 ++--
 src/app/chat/ChatInput.tsx               | 2 +-
 src/app/chat/ChatPrompt.tsx              | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/_components/AutoGrowTextarea.tsx b/src/app/_components/AutoGrowTextarea.tsx
index 294ec3a..49cb58c 100644
--- a/src/app/_components/AutoGrowTextarea.tsx
+++ b/src/app/_components/AutoGrowTextarea.tsx
@@ -1,6 +1,6 @@
-export const AutoGrowTextarea = ({ class: className = "", ...props }) => (
+export const AutoGrowTextarea = ({ class: className = "", value, onChange, ...props }) => (
   <div class="vstack relative">
-    <textarea class={`!absolute !inset-0 ${className}`} {...props} />
+    <textarea class={`!absolute !inset-0 ${className}`} value={value} onInput={e => onChange(e.target!.value)} {...props} />
     <div
       // render to invisible pseudo element, used to measure the height
       class={`form-control ${className} invisible whitespace-pre-wrap max-h-[30vh] overflow-y-hidden after:content-[attr(data-value)_"_"]`}
diff --git a/src/app/chat/ChatInput.tsx b/src/app/chat/ChatInput.tsx
index ace11e5..f03729d 100644
--- a/src/app/chat/ChatInput.tsx
+++ b/src/app/chat/ChatInput.tsx
@@ -35,7 +35,7 @@ export const ChatInput = ({ value, onChange, onSend, abort }) => {
         rows={1}
         placeholder="Ask anything..."
         value={value}
-        onInput={e => onChange(e.target.value)}
+        onChange={onChange}
         onKeyDown={handleKeyDown}
       />
       <IconButton class="absolute bottom-[9px] right-2" title="Send" icon={SendHorizontal} abort={abort} submit />
diff --git a/src/app/chat/ChatPrompt.tsx b/src/app/chat/ChatPrompt.tsx
index 2d18cca..4d3a086 100644
--- a/src/app/chat/ChatPrompt.tsx
+++ b/src/app/chat/ChatPrompt.tsx
@@ -21,7 +21,7 @@ export const ChatPrompt = ({ chat, onSave }) => {
           </div>
         </Form>
       ) : (
-        <div class="text-neutral-9">{chat.prompt ?? defaultPrompt}</div>
+        <div class="text-neutral-9 whitespace-pre-wrap">{chat.prompt ?? defaultPrompt}</div>
       )}
     </div>
   )