From 7627a68d8580640672d469e1539d45e23489b4e0 Mon Sep 17 00:00:00 2001
From: Rita Anene <92169163+Camillarhi@users.noreply.github.com>
Date: Fri, 11 Oct 2024 16:25:59 +0100
Subject: [PATCH] [MM-60814] Replace FormattedMarkdownMessage in
 'webapp/channels/src/components/authorize/authorize.tsx' with
 FormattedMessage (#28614)

---
 .../src/components/authorize/authorize.tsx    | 22 ++++++++++---------
 webapp/channels/src/i18n/en.json              |  6 ++---
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/webapp/channels/src/components/authorize/authorize.tsx b/webapp/channels/src/components/authorize/authorize.tsx
index a94d45e2d4..78673d91c0 100644
--- a/webapp/channels/src/components/authorize/authorize.tsx
+++ b/webapp/channels/src/components/authorize/authorize.tsx
@@ -10,7 +10,6 @@ import type {OAuthApp} from '@mattermost/types/integrations';
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
 import FormError from 'components/form_error';
-import FormattedMarkdownMessage from 'components/formatted_markdown_message';
 
 import icon50 from 'images/icon50x50.png';
 import {getHistory} from 'utils/browser_history';
@@ -130,30 +129,33 @@ export default class Authorize extends React.PureComponent<Props, State> {
                             />
                         </div>
                         <div className='text'>
-                            <FormattedMarkdownMessage
-                                id='authorize.title'
-                                defaultMessage='Authorize **{appName}** to Connect to Your **Mattermost** User Account'
+                            <FormattedMessage
+                                id='authorize.connectTitle'
+                                defaultMessage='Authorize <b>{appName}</b> to Connect to Your <b>Mattermost</b> User Account'
                                 values={{
                                     appName: app.name,
+                                    b: (chunks: string) => <b>{chunks}</b>,
                                 }}
                             />
                         </div>
                     </div>
                     <p>
-                        <FormattedMarkdownMessage
-                            id='authorize.app'
-                            defaultMessage='The app **{appName}** would like the ability to access and modify your basic information.'
+                        <FormattedMessage
+                            id='authorize.modificationAccess'
+                            defaultMessage='The app <b>{appName}</b> would like the ability to access and modify your basic information.'
                             values={{
                                 appName: app.name,
+                                b: (chunks: string) => <b>{chunks}</b>,
                             }}
                         />
                     </p>
                     <h2 className='prompt__allow'>
-                        <FormattedMarkdownMessage
-                            id='authorize.access'
-                            defaultMessage='Allow **{appName}** access?'
+                        <FormattedMessage
+                            id='authorize.allowAccess'
+                            defaultMessage='Allow <b>{appName}</b> access?'
                             values={{
                                 appName: app.name,
+                                b: (chunks: string) => <b>{chunks}</b>,
                             }}
                         />
                     </h2>
diff --git a/webapp/channels/src/i18n/en.json b/webapp/channels/src/i18n/en.json
index 4eee0d89a9..45463db01a 100644
--- a/webapp/channels/src/i18n/en.json
+++ b/webapp/channels/src/i18n/en.json
@@ -3030,11 +3030,11 @@
   "audit_table.userId": "User ID",
   "audit_table.userRemoved": "Removed {username} to the {channelName} channel",
   "audit_table.verified": "Successfully verified your email address",
-  "authorize.access": "Allow **{appName}** access?",
   "authorize.allow": "Allow",
-  "authorize.app": "The app **{appName}** would like the ability to access and modify your basic information.",
+  "authorize.allowAccess": "Allow <b>{appName}</b> access?",
+  "authorize.connectTitle": "Authorize <b>{appName}</b> to Connect to Your <b>Mattermost</b> User Account",
   "authorize.deny": "Deny",
-  "authorize.title": "Authorize **{appName}** to Connect to Your **Mattermost** User Account",
+  "authorize.modificationAccess": "The app <b>{appName}</b> would like the ability to access and modify your basic information.",
   "avatar.alt": "{username} profile image",
   "avatars.overflowUnnamedOnly": "{overflowUnnamedCount, plural, =1 {one other} other {# others}}",
   "avatars.overflowUsers": "{overflowUnnamedCount, plural, =0 {{names}} =1 {{names} and one other} other {{names} and # others}}",