From 09792aee4eca135f94abc19e95b9773c1b63a2aa Mon Sep 17 00:00:00 2001
From: Arya Khochare <91268931+Aryakoste@users.noreply.github.com>
Date: Thu, 20 Jun 2024 12:31:53 +0530
Subject: [PATCH] [MM-58519] Migrate tooltips of
 "components/integrations/bots/add_bot/add_bot.tsx" to WithTooltip (#27291)

---
 .../integrations/bots/add_bot/add_bot.tsx     | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx b/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
index 766fd9e3f78..e29053ae51a 100644
--- a/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
+++ b/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
@@ -17,9 +17,8 @@ import * as UserUtils from 'mattermost-redux/utils/user_utils';
 import BackstageHeader from 'components/backstage/components/backstage_header';
 import ExternalLink from 'components/external_link';
 import FormError from 'components/form_error';
-import OverlayTrigger from 'components/overlay_trigger';
 import SpinnerButton from 'components/spinner_button';
-import Tooltip from 'components/tooltip';
+import WithTooltip from 'components/with_tooltip';
 
 import BotDefaultIcon from 'images/bot_default_icon.png';
 import {getHistory} from 'utils/browser_history';
@@ -423,17 +422,15 @@ export default class AddBot extends React.PureComponent<Props, State> {
 
         let imageURL = '';
         let removeImageIcon: JSX.Element | null = (
-            <OverlayTrigger
-                delayShow={Constants.OVERLAY_TIME_DELAY}
+            <WithTooltip
+                id='removeIcon'
                 placement='right'
-                overlay={(
-                    <Tooltip id='removeIcon'>
-                        <FormattedMessage
-                            id='bot.remove_profile_picture'
-                            defaultMessage='Remove Bot Icon'
-                        />
-                    </Tooltip>
-                )}
+                title={
+                    <FormattedMessage
+                        id='bot.remove_profile_picture'
+                        defaultMessage='Remove Bot Icon'
+                    />
+                }
             >
                 <a
                     className={'bot-profile__remove'}
@@ -441,7 +438,7 @@ export default class AddBot extends React.PureComponent<Props, State> {
                 >
                     <span>{'×'}</span>
                 </a>
-            </OverlayTrigger>
+            </WithTooltip>
         );
         let imageStyles;
         if (this.props.bot && !this.state.pictureFile) {