From 58b7032a8ce617be1d313e42fd9a002cceaa90a5 Mon Sep 17 00:00:00 2001
From: ahmadJT <166782331+ahmadJT@users.noreply.github.com>
Date: Sat, 1 Jun 2024 04:27:10 +0100
Subject: [PATCH] [MM-58406] Migrate tooltips of
 'components/custom_status/custom_status_text' to WithTooltip (#27168)

---
 .../custom_status/custom_status_text.tsx        | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/webapp/channels/src/components/custom_status/custom_status_text.tsx b/webapp/channels/src/components/custom_status/custom_status_text.tsx
index 4be47f2020..52ccdf7260 100644
--- a/webapp/channels/src/components/custom_status/custom_status_text.tsx
+++ b/webapp/channels/src/components/custom_status/custom_status_text.tsx
@@ -6,10 +6,7 @@ import {useSelector} from 'react-redux';
 
 import {isCustomStatusEnabled} from 'selectors/views/custom_status';
 
-import OverlayTrigger from 'components/overlay_trigger';
-import Tooltip from 'components/tooltip';
-
-import Constants from 'utils/constants';
+import WithTooltip from 'components/with_tooltip';
 
 import type {GlobalState} from 'types/store';
 
@@ -51,17 +48,13 @@ const CustomStatusText = (props: ComponentProps) => {
     }
 
     return (
-        <OverlayTrigger
-            delayShow={Constants.OVERLAY_TIME_DELAY}
+        <WithTooltip
+            id='custom-status-tooltip'
             placement={tooltipDirection}
-            overlay={
-                <Tooltip id='custom-status-tooltip'>
-                    {text}
-                </Tooltip>
-            }
+            title={text}
         >
             {customStatusTextComponent}
-        </OverlayTrigger>
+        </WithTooltip>
     );
 };