From 0c5497a770072e3c0c0a837eb262d7d237031764 Mon Sep 17 00:00:00 2001
From: Zubair Imtiaz <106450046+ZubairImtiaz3@users.noreply.github.com>
Date: Sun, 28 Jul 2024 23:55:56 +0500
Subject: [PATCH] [MM-59335] Migrate tooltip of
 "components/widgets/public-private-selector/public-private-selector.tsx" to
 WithTooltip (#27641)

---
 .../public-private-selector.tsx                 | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.tsx b/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.tsx
index 880b6ba138..b6299a8a71 100644
--- a/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.tsx
+++ b/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.tsx
@@ -7,12 +7,11 @@ import {useIntl} from 'react-intl';
 
 import type {ChannelType} from '@mattermost/types/channels';
 
-import OverlayTrigger from 'components/overlay_trigger';
-import Tooltip from 'components/tooltip';
 import CheckCircleIcon from 'components/widgets/icons/check_circle_icon';
 import GlobeCircleSolidIcon from 'components/widgets/icons/globe_circle_solid_icon';
 import LockCircleSolidIcon from 'components/widgets/icons/lock_circle_solid_icon';
 import UpgradeBadge from 'components/widgets/icons/upgrade_badge_icon';
+import WithTooltip from 'components/with_tooltip';
 
 import {Constants} from 'utils/constants';
 
@@ -79,20 +78,14 @@ const BigButtonSelector = ({
         return button;
     }
 
-    const tooltipContainer = (
-        <Tooltip id={'public-private-selector-button-tooltip'}>
-            {tooltip}
-        </Tooltip>
-    );
-
     return (
-        <OverlayTrigger
-            delayShow={Constants.OVERLAY_TIME_DELAY}
+        <WithTooltip
+            id="'public-private-selector-button-tooltip'"
             placement='top'
-            overlay={tooltipContainer}
+            title={tooltip}
         >
             {button}
-        </OverlayTrigger>
+        </WithTooltip>
     );
 };