[MM-59890] Migrate tooltips of 'components/admin_console/brand_image_setting/brand_image_setting.tsx' to WithTooltip (#27854)

webapp/channels/src/components/admin_console/brand_image_setting/brand_image_setting.tsx

@@ -9,8 +9,7 @@ import {Client4} from 'mattermost-redux/client';
 import {uploadBrandImage, deleteBrandImage} from 'actions/admin_actions.jsx';
 
 import FormError from 'components/form_error';
-import OverlayTrigger from 'components/overlay_trigger';
+import WithTooltip from 'components/with_tooltip';
-import Tooltip from 'components/tooltip';
 
 import {Constants} from 'utils/constants';
 
@@ -193,19 +192,14 @@ export default class BrandImageSetting extends React.PureComponent<Props, State>
             let overlay;
             if (!this.props.disabled) {
                 overlay = (
-                    <OverlayTrigger
+                    <WithTooltip
-                        delayShow={Constants.OVERLAY_TIME_DELAY}
+                        id='removeIcon'
+                        title={
+                            <FormattedMessage
+                                id='admin.team.removeBrandImage'
+                                defaultMessage='Remove brand image'
+                            />}
                         placement='right'
-                        overlay={
-                            <Tooltip id='removeIcon'>
-                                <div aria-hidden={true}>
-                                    <FormattedMessage
-                                        id='admin.team.removeBrandImage'
-                                        defaultMessage='Remove brand image'
-                                    />
-                                </div>
-                            </Tooltip>
-                        }
                     >
                         <button
                             type='button'
@@ -214,7 +208,7 @@ export default class BrandImageSetting extends React.PureComponent<Props, State>
                         >
                             <span aria-hidden={true}>{'×'}</span>
                         </button>
-                    </OverlayTrigger>
+                    </WithTooltip>
                 );
             }
             img = (