From 45117ba1f4fe1877b76188834608cb9e0913ccc4 Mon Sep 17 00:00:00 2001
From: JanetEne <janeteneogenyi@gmail.com>
Date: Sat, 9 Sep 2023 22:35:55 +0100
Subject: [PATCH] show tooltip on hover of icon and not onclick

---
 .../components/WebhooksTab/AddWebhookForm.tsx       | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx b/frontend/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx
index d7f9c0e78..10157eae7 100644
--- a/frontend/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx
+++ b/frontend/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx
@@ -92,7 +92,7 @@ export const AddWebhookForm = ({
               icon={
                 <Tooltip
                   isOpen={showTip}
-                  onOpenChange={() => setShowTip(false)}
+                  onOpenChange={setShowTip}
                   content={
                     <div>
                       <h4 className="mb-2">Here are some examples of glob patterns:</h4>
@@ -115,12 +115,11 @@ export const AddWebhookForm = ({
                   position="right"
                   className="text-xs"
                 >
-                  <div className="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[1px] border-white">
-                    <FontAwesomeIcon
-                      icon={faInfo}
-                      onClick={() => setShowTip(true)}
-                      className="h-2 w-2"
-                    />
+                  <div
+                    className="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[1px] border-white"
+                    onMouseEnter={() => setShowTip(true)}
+                  >
+                    <FontAwesomeIcon icon={faInfo} className="h-2 w-2" />
                   </div>
                 </Tooltip>
               }