show tooltip on hover of icon and not onclick

This commit is contained in:
JanetEne
2023-09-09 22:35:55 +01:00
parent dc91615b43
commit 45117ba1f4
@@ -92,7 +92,7 @@ export const AddWebhookForm = ({
icon={ icon={
<Tooltip <Tooltip
isOpen={showTip} isOpen={showTip}
onOpenChange={() => setShowTip(false)} onOpenChange={setShowTip}
content={ content={
<div> <div>
<h4 className="mb-2">Here are some examples of glob patterns:</h4> <h4 className="mb-2">Here are some examples of glob patterns:</h4>
@@ -115,12 +115,11 @@ export const AddWebhookForm = ({
position="right" position="right"
className="text-xs" className="text-xs"
> >
<div className="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[1px] border-white"> <div
<FontAwesomeIcon className="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[1px] border-white"
icon={faInfo} onMouseEnter={() => setShowTip(true)}
onClick={() => setShowTip(true)} >
className="h-2 w-2" <FontAwesomeIcon icon={faInfo} className="h-2 w-2" />
/>
</div> </div>
</Tooltip> </Tooltip>
} }