Merge pull request #28 from CoenWarmer/storybook

dgieselaar · Aug 8, 2023 · 533d6d9 · 533d6d9
2 parents 1a5fe1b + 9915344
commit 533d6d9
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/x-pack/plugins/observability_ai_assistant/public/components/chat/chat_prompt_editor.tsx b/x-pack/plugins/observability_ai_assistant/public/components/chat/chat_prompt_editor.tsx
@@ -60,10 +60,10 @@ export function ChatPromptEditor({ disabled, loading, onSubmit }: ChatPromptEdit
     setFunctionPayload('');
   };
 
-  const handleResizeTextArea = (textarea: HTMLTextAreaElement | null) => {
-    if (textarea) {
-      textarea.style.height = 'auto';
-      textarea.style.height = textarea?.scrollHeight + 'px';
+  const handleResizeTextArea = () => {
+    if (textAreaRef.current) {
+      textAreaRef.current.style.height = 'auto';
+      textAreaRef.current.style.height = textAreaRef.current?.scrollHeight + 'px';
     }
   };
 
@@ -73,7 +73,7 @@ export function ChatPromptEditor({ disabled, loading, onSubmit }: ChatPromptEdit
 
     setPrompt('');
     setFunctionPayload(undefined);
-    handleResizeTextArea(textAreaRef.current);
+    handleResizeTextArea();
 
     try {
       if (selectedFunction) {
@@ -119,11 +119,11 @@ export function ChatPromptEditor({ disabled, loading, onSubmit }: ChatPromptEdit
 
     if (textarea) {
       textarea.focus();
-      textarea.addEventListener('input', () => handleResizeTextArea(textarea), false);
+      textarea.addEventListener('input', handleResizeTextArea, false);
     }
 
     return () => {
-      textarea?.removeEventListener('input', () => handleResizeTextArea(textarea), false);
+      textarea?.removeEventListener('input', handleResizeTextArea, false);
     };
   });