From 64fa0c0dcb651579e06489b603fa4bd9f2b3bfcd Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 19:31:37 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(chatInput.tsx):=20add=20pa?=
 =?UTF-8?q?dding=20to=20the=20chat=20input=20to=20improve=20readability=20?=
 =?UTF-8?q?and=20aesthetics=20=F0=9F=8E=A8=20style(chatMessage.tsx):=20cha?=
 =?UTF-8?q?nge=20icon=20from=20MessageCircle=20to=20MessageSquare=20to=20i?=
 =?UTF-8?q?mprove=20semantics=20=F0=9F=8E=A8=20style(index.tsx):=20add=20n?=
 =?UTF-8?q?ew=20icons=20to=20the=20import=20statement=20and=20change=20Mes?=
 =?UTF-8?q?sageSquareDashed=20to=20MessageSquare=20to=20improve=20semantic?=
 =?UTF-8?q?s.=20Add=20padding=20to=20the=20chat=20modal=20to=20improve=20a?=
 =?UTF-8?q?esthetics.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatInput/index.tsx   | 4 ++--
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 4 ++--
 src/frontend/src/modals/formModal/index.tsx             | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 69d382748..cb77cd277 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -53,12 +53,12 @@ export default function ChatInput({
           lockChat
             ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
             : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" +
+          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-12 sm:text-sm" +
             INPUT_STYLE
         )}
         placeholder={"Send a message..."}
       />
-      <div className="absolute bottom-0.5 right-3">
+      <div className="absolute bottom-2.5 right-4">
         <button disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a819bc8d3..98e42d4fa 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -10,7 +10,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
+import { User2, MessageSquare } from "lucide-react";
 
 export default function ChatMessage({
   chat,
@@ -72,7 +72,7 @@ export default function ChatMessage({
                   onClick={() => setHidden((prev) => !prev)}
                   className="absolute -top-1 -left-2 cursor-pointer"
                 >
-                  <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
+                  <MessageSquare className="w-5 h-5 animate-bounce dark:text-white" />
                 </div>
               )}
               {chat.thought && chat.thought !== "" && !hidden && (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index f7baab69a..7c1add07e 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -5,7 +5,7 @@ import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser, TerminalSquare } from "lucide-react";
+import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -425,7 +425,7 @@ export default function FormModal({
                       <span className="text-base text-gray-500">
                         Start a conversation and click the agent’s thoughts{" "}
                         <span>
-                          <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                          <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
                         </span>{" "}
                         to inspect the chaining process.
                       </span>
@@ -434,7 +434,7 @@ export default function FormModal({
                 )}
                 <div ref={ref}></div>
               </div>
-              <div className="w-full p-2 flex-col flex items-center justify-between">
+              <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
                 <div className="relative w-full rounded-md shadow-sm">
                   <ChatInput
                     chatValue={chatValue}