From 6bae2ea21fbbd31347985c1819778216314a614a Mon Sep 17 00:00:00 2001
From: goooov <64647858+gvarma28@users.noreply.github.com>
Date: Tue, 15 Oct 2024 11:44:25 +0530
Subject: [PATCH] [MM-60826] Replace FormattedMarkdownMessage in
 'webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx'
 with FormattedMessage (#28692)

---
 .../__snapshots__/quick_switch_modal.test.tsx.snap   | 11 ++++++++---
 .../quick_switch_modal/quick_switch_modal.tsx        | 12 +++++++-----
 webapp/channels/src/i18n/en.json                     |  2 +-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/webapp/channels/src/components/quick_switch_modal/__snapshots__/quick_switch_modal.test.tsx.snap b/webapp/channels/src/components/quick_switch_modal/__snapshots__/quick_switch_modal.test.tsx.snap
index 8c289738df..055c5e94a5 100644
--- a/webapp/channels/src/components/quick_switch_modal/__snapshots__/quick_switch_modal.test.tsx.snap
+++ b/webapp/channels/src/components/quick_switch_modal/__snapshots__/quick_switch_modal.test.tsx.snap
@@ -53,9 +53,14 @@ exports[`components/QuickSwitchModal should match snapshot 1`] = `
         className="channel-switcher__hint"
         id="quickSwitchHint"
       >
-        <FormattedMarkdownMessage
-          defaultMessage="Type to find a channel. Use **UP/DOWN** to browse, **ENTER** to select, **ESC** to dismiss."
-          id="quick_switch_modal.help_no_team"
+        <MemoizedFormattedMessage
+          defaultMessage="Type to find a channel. Use <b>UP/DOWN</b> to browse, <b>ENTER</b> to select, <b>ESC</b> to dismiss."
+          id="quickSwitchModal.help_no_team"
+          values={
+            Object {
+              "b": [Function],
+            }
+          }
         />
       </div>
     </div>
diff --git a/webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx b/webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx
index 964629add9..75e440c9d6 100644
--- a/webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx
+++ b/webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx
@@ -9,7 +9,6 @@ import type {Channel} from '@mattermost/types/channels';
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
-import FormattedMarkdownMessage from 'components/formatted_markdown_message';
 import NoResultsIndicator from 'components/no_results_indicator/no_results_indicator';
 import {NoResultsVariant} from 'components/no_results_indicator/types';
 import SuggestionBox from 'components/suggestion/suggestion_box';
@@ -180,16 +179,19 @@ export default class QuickSwitchModal extends React.PureComponent<Props, State>
         let help;
         if (this.props.isMobileView) {
             help = (
-                <FormattedMarkdownMessage
+                <FormattedMessage
                     id='quick_switch_modal.help_mobile'
                     defaultMessage='Type to find a channel.'
                 />
             );
         } else {
             help = (
-                <FormattedMarkdownMessage
-                    id='quick_switch_modal.help_no_team'
-                    defaultMessage='Type to find a channel. Use **UP/DOWN** to browse, **ENTER** to select, **ESC** to dismiss.'
+                <FormattedMessage
+                    id='quickSwitchModal.help_no_team'
+                    defaultMessage='Type to find a channel. Use <b>UP/DOWN</b> to browse, <b>ENTER</b> to select, <b>ESC</b> to dismiss.'
+                    values={{
+                        b: (chunks: string) => <b>{chunks}</b>,
+                    }}
                 />
             );
         }
diff --git a/webapp/channels/src/i18n/en.json b/webapp/channels/src/i18n/en.json
index 6c1ec77510..39cff8dfe0 100644
--- a/webapp/channels/src/i18n/en.json
+++ b/webapp/channels/src/i18n/en.json
@@ -4747,9 +4747,9 @@
   "public_private_selector.public.description": "Anyone",
   "public_private_selector.public.title": "Public",
   "quick_switch_modal.help_mobile": "Type to find a channel.",
-  "quick_switch_modal.help_no_team": "Type to find a channel. Use **UP/DOWN** to browse, **ENTER** to select, **ESC** to dismiss.",
   "quick_switch_modal.input": "quick switch input",
   "quick_switch_modal.switchChannels": "Find Channels",
+  "quickSwitchModal.help_no_team": "Type to find a channel. Use <b>UP/DOWN</b> to browse, <b>ENTER</b> to select, <b>ESC</b> to dismiss.",
   "reaction_limit_reached_modal.body": "Oops! It looks like we've hit a ceiling on emoji reactions for this message. Please contact your system administrator for any adjustments to this limit.",
   "reaction_limit_reached_modal.body.admin": "Oops! It looks like we've hit a ceiling on emoji reactions for this message. We've <link>set a limit</link> to keep things running smoothly on your server. As a system administrator, you can adjust this limit from the <linkAdmin>system console</linkAdmin>.",
   "reaction_limit_reached_modal.title": "You've reached the reaction limit",