From 52e0b87b0d98c33aacb085b545afcdf23eda23bf Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Mon, 24 Oct 2022 16:44:31 +0100
Subject: [PATCH] replaced raw tooltip implementation for remix-ui-checkbox

---
 .../checkbox/src/lib/remix-ui-checkbox.tsx    | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
index a10da271ec..6abb39c024 100644
--- a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
+++ b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
@@ -1,3 +1,4 @@
+import { CustomTooltip } from '@remix-ui/helper';
 import React, { CSSProperties } from 'react'  //eslint-disable-line
 import { OverlayProps, OverlayTrigger, OverlayTriggerProps, Tooltip } from 'react-bootstrap'// eslint-disable-line
 import './remix-ui-checkbox.css'
@@ -36,15 +37,8 @@ export const RemixUiCheckbox = ({
   display = 'flex',
   tooltipPlacement = 'right-start'
 }: RemixUiCheckboxProps) => {
-  return (
-    <OverlayTrigger
-      placement={tooltipPlacement}
-      overlay={
-        <Tooltip id={`${name}Tooltip`}>
-          <span>{title}</span>
-        </Tooltip>
-      }
-    >
+
+  const childJSX = (
       <div className="listenOnNetwork_2A0YE0 custom-control custom-checkbox" style={{ display: display, alignItems: 'center', visibility: visibility } as CSSProperties } onClick={onClick}>
         <input
           id={id}
@@ -60,7 +54,16 @@ export const RemixUiCheckbox = ({
           {label}
         </label>
       </div>
-    </OverlayTrigger>
+    )
+  return (
+    <CustomTooltip
+      tooltipText={title}
+      tooltipId={`${name}Tooltip`}
+      placement={tooltipPlacement}
+      
+    >
+      {childJSX}
+    </CustomTooltip>
   )
 }