From f7101f412370ff571773f1de0ddff0c3ab4297e9 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Sun, 18 Jun 2023 11:15:46 -0300
Subject: [PATCH] feat[components/chatTrigger/index.tsx]: Add Chat Interface
 shadTooltip

---
 .../chatComponent/chatTrigger/index.tsx       | 33 +++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 6d379fcac..1b7cb2f12 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -2,6 +2,7 @@ import { Transition } from "@headlessui/react";
 import { MessagesSquare } from "lucide-react";
 import { alertContext } from "../../../contexts/alertContext";
 import { useContext } from "react";
+import ShadTooltip from "../../ShadTooltipComponent";
 
 export default function ChatTrigger({ open, setOpen, isBuilt }) {
   const { setErrorData } = useContext(alertContext);
@@ -29,20 +30,26 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveTo="translate-y-96"
     >
       <div className="absolute bottom-4 right-3">
-        <div
-          className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer"
-          onClick={handleClick}
+        <ShadTooltip
+          delayDuration={500}
+          content="Chat Interface"
+          side="left"
         >
-          <button>
-            <div className="flex gap-3">
-              <MessagesSquare
-                className="h-6 w-6  text-blue-100 fill-blue-100"
-                style={{ color: "white" }}
-                strokeWidth={1.5}
-              />
-            </div>
-          </button>
-        </div>
+          <div
+            className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer"
+            onClick={handleClick}
+          >
+            <button>
+              <div className="flex gap-3">
+                <MessagesSquare
+                  className="h-6 w-6  text-blue-100 fill-blue-100"
+                  style={{ color: "white" }}
+                  strokeWidth={1.5}
+                />
+              </div>
+            </button>
+          </div>
+        </ShadTooltip>
       </div>
     </Transition>
   );