From d25505a5b23ff34deebfa009f931788c0703714f Mon Sep 17 00:00:00 2001
From: Zubair Imtiaz <106450046+ZubairImtiaz3@users.noreply.github.com>
Date: Sun, 28 Jul 2024 23:59:51 +0500
Subject: [PATCH] [MM-59327] Migrate tooltips of
 "components/admin_console/list_table/elapsed_duration_cell.tsx" to
 WithTooltip (#27639)

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

diff --git a/webapp/channels/src/components/admin_console/list_table/elapsed_duration_cell.tsx b/webapp/channels/src/components/admin_console/list_table/elapsed_duration_cell.tsx
index a216cc5a21..a3e2ecca3e 100644
--- a/webapp/channels/src/components/admin_console/list_table/elapsed_duration_cell.tsx
+++ b/webapp/channels/src/components/admin_console/list_table/elapsed_duration_cell.tsx
@@ -5,10 +5,7 @@ import moment from 'moment';
 import React, {useMemo} from 'react';
 import {FormattedMessage, useIntl} from 'react-intl';
 
-import OverlayTrigger from 'components/overlay_trigger';
-import Tooltip from 'components/tooltip';
-
-import Constants from 'utils/constants';
+import WithTooltip from 'components/with_tooltip';
 
 interface Props {
     date?: number;
@@ -67,16 +64,12 @@ export function ElapsedDurationCell(props: Props) {
     }
 
     return (
-        <OverlayTrigger
-            delayShow={Constants.OVERLAY_TIME_DELAY}
+        <WithTooltip
+            id='system-users-cell-elapsed-duration-tooltip'
             placement='bottom'
-            overlay={
-                <Tooltip id='system-users-cell-elapsed-duration-tooltip'>
-                    {exactPassedInDate}
-                </Tooltip>
-            }
+            title={exactPassedInDate}
         >
             <span>{elapsedDaysText}</span>
-        </OverlayTrigger>
+        </WithTooltip>
     );
 }