From 5dcdcd81da2050825212e216bf5e7e69678d8c6e Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Mon, 31 Jul 2023 16:38:32 -0700
Subject: feat: :egg: getting to know users form

---
 extension/react-app/src/components/TextDialog.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'extension/react-app/src/components')

diff --git a/extension/react-app/src/components/TextDialog.tsx b/extension/react-app/src/components/TextDialog.tsx
index 43051a04..41f811e8 100644
--- a/extension/react-app/src/components/TextDialog.tsx
+++ b/extension/react-app/src/components/TextDialog.tsx
@@ -29,8 +29,8 @@ const Dialog = styled.div`
   display: flex;
   flex-direction: column;
   box-shadow: 0 0 10px 0 ${vscForeground};
-  width: fit-content;
   margin: auto;
+  word-wrap: break-word;
 `;
 
 const TextArea = styled.textarea`
@@ -56,7 +56,7 @@ const TextDialog = (props: {
   showDialog: boolean;
   onEnter: (text: string) => void;
   onClose: () => void;
-  message?: string;
+  message?: string | JSX.Element;
   entryOn?: boolean;
 }) => {
   const [text, setText] = useState("");
@@ -81,7 +81,8 @@ const TextDialog = (props: {
         }}
       >
         <Dialog>
-          {props.message?.includes("Continue uses GPT-4") ? (
+          {typeof props.message === "string" &&
+          props.message.includes("Continue uses GPT-4") ? (
             <div>
               <p>
                 Continue uses GPT-4 by default, but works with any model. If
@@ -114,8 +115,10 @@ const TextDialog = (props: {
                 or would like to do so, please contact us at hi@continue.dev.
               </p>
             </div>
-          ) : (
+          ) : typeof props.message === "string" ? (
             <ReactMarkdown>{props.message || ""}</ReactMarkdown>
+          ) : (
+            props.message
           )}
           {props.entryOn && (
             <>
-- 
cgit v1.2.3-70-g09d2