From eec894e1013a58401a828d07920545814dbf052c Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Wed, 19 Jul 2023 18:10:04 -0700
Subject: [PATCH] Allow multiline instructions

---
 src/components/RefinePromptModal/RefinePromptModal.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/RefinePromptModal/RefinePromptModal.tsx b/src/components/RefinePromptModal/RefinePromptModal.tsx
index 838fabc..8bf206f 100644
--- a/src/components/RefinePromptModal/RefinePromptModal.tsx
+++ b/src/components/RefinePromptModal/RefinePromptModal.tsx
@@ -12,7 +12,6 @@ import {
   Spinner,
   HStack,
   InputGroup,
-  Input,
   InputRightElement,
   Icon,
 } from "@chakra-ui/react";
@@ -22,6 +21,7 @@ import { useHandledAsyncCallback } from "~/utils/hooks";
 import { type PromptVariant } from "@prisma/client";
 import { useState } from "react";
 import CompareFunctions from "./CompareFunctions";
+import AutoResizeTextArea from "../AutoResizeTextArea";
 
 export const RefinePromptModal = ({
   variant,
@@ -73,7 +73,7 @@ export const RefinePromptModal = ({
               alignItems="center"
               colorScheme="orange"
             >
-              <Input
+              <AutoResizeTextArea
                 value={instructions}
                 onChange={(e) => setInstructions(e.target.value)}
                 onKeyDown={(e) => {
@@ -84,8 +84,9 @@ export const RefinePromptModal = ({
                   }
                 }}
                 placeholder="Send instructions"
-                py={7}
-                px={4}
+                py={4}
+                pl={4}
+                pr={12}
                 colorScheme="orange"
                 borderColor="gray.300"
                 borderWidth={1}