From 5d34461ab59f4a4b3319fc8e3f0f98f97559bc85 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Mon, 10 Jun 2024 09:25:52 -0300
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20(buttonSendWrapper):=20ref?=
 =?UTF-8?q?actor=20button=20to=20use=20Button=20component=20for=20consiste?=
 =?UTF-8?q?ncy=20=E2=9C=A8=20(buttonSendWrapper):=20add=20variant=20and=20?=
 =?UTF-8?q?size=20props=20to=20Button=20component=20for=20customization?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chatInput/components/buttonSendWrapper/index.tsx     | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/buttonSendWrapper/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/buttonSendWrapper/index.tsx
index 52a3ff4dc..bf61b2fb9 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/buttonSendWrapper/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/buttonSendWrapper/index.tsx
@@ -1,4 +1,5 @@
 import IconComponent from "../../../../../../../components/genericIconComponent";
+import { Button } from "../../../../../../../components/ui/button";
 import { Case } from "../../../../../../../shared/components/caseComponent";
 import { FilePreviewType } from "../../../../../../../types/components";
 import { classNames } from "../../../../../../../utils/utils";
@@ -21,7 +22,7 @@ const ButtonSendWrapper = ({
   files,
 }: ButtonSendWrapperProps) => {
   return (
-    <button
+    <Button
       className={classNames(
         "form-modal-send-button",
         noInput
@@ -32,6 +33,8 @@ const ButtonSendWrapper = ({
       )}
       disabled={lockChat || saveLoading}
       onClick={(): void => send()}
+      variant="none"
+      size="none"
     >
       <Case
         condition={
@@ -45,7 +48,7 @@ const ButtonSendWrapper = ({
         />
       </Case>
 
-      <Case condition={noInput}>
+      <Case condition={noInput && !lockChat}>
         <IconComponent
           name="Zap"
           className="form-modal-play-icon"
@@ -65,7 +68,7 @@ const ButtonSendWrapper = ({
           aria-hidden="true"
         />
       </Case>
-    </button>
+    </Button>
   );
 };