[MM-60854] Replace FormattedMarkdownMessage in 'webapp/channels/src/components/admin_console/team_channel_settings/convert_confirm_modal.tsx' with FormattedMessage (#28733)

webapp/channels/src/components/admin_console/team_channel_settings/convert_confirm_modal.tsx

@@ -5,7 +5,6 @@ import React from 'react';
 import {FormattedMessage, defineMessages} from 'react-intl';
 
 import ConfirmModal from 'components/confirm_modal';
-import FormattedMarkdownMessage from 'components/formatted_markdown_message';
 
 type Props = {
 
@@ -39,14 +38,17 @@ const ConvertConfirmModal = ({show, onConfirm, onCancel, displayName, toPublic}:
     let titleMessage;
     let convertMessage;
     let confirmMessage;
+    let convertConfirmationMessage;
     if (toPublic) {
         titleMessage = messages.toPublicTitle;
         convertMessage = messages.toPublicMessage;
         confirmMessage = messages.toPublicConfirm;
+        convertConfirmationMessage = messages.toPublicMessageConfirmation;
     } else {
         titleMessage = messages.toPrivateTitle;
         convertMessage = messages.toPrivateMessage;
         confirmMessage = messages.toPrivateConfirm;
+        convertConfirmationMessage = messages.toPrivateMessageConfirmation;
     }
 
     const title = (
@@ -57,10 +59,20 @@ const ConvertConfirmModal = ({show, onConfirm, onCancel, displayName, toPublic}:
     );
 
     const message = (
-        <FormattedMarkdownMessage
-            {...convertMessage}
-            values={{displayName}}
-        />
+        <>
+            <p>
+                <FormattedMessage
+                    {...convertMessage}
+                    values={{displayName: <strong>{displayName}</strong>}}
+                />
+            </p>
+            <p>
+                <FormattedMessage
+                    {...convertConfirmationMessage}
+                    values={{displayName: <strong>{displayName}</strong>}}
+                />
+            </p>
+        </>
     );
 
     const confirmButton = (
@@ -100,10 +112,11 @@ const messages = defineMessages({
     },
     toPrivateMessage: {
         id: 'admin.team_channel_settings.convertConfirmModal.toPrivateMessage',
-
-        // This eslint-disable comment can be removed once this component no longer uses FormattedMarkdownMessage
-        // eslint-disable-next-line formatjs/no-multiple-whitespaces
-        defaultMessage: 'When you convert **{displayName}** to a private channel, history and membership are preserved. Publicly shared files remain accessible to anyone with the link. Membership in a private channel is by invitation only.  \n \nAre you sure you want to convert **{displayName}** to a private channel?',
+        defaultMessage: 'When you convert {displayName} to a private channel, history and membership are preserved. Publicly shared files remain accessible to anyone with the link. Membership in a private channel is by invitation only.',
+    },
+    toPrivateMessageConfirmation: {
+        id: 'admin.team_channel_settings.convertConfirmModal.toPrivateMessageConfirmation',
+        defaultMessage: 'Are you sure you want to convert {displayName} to a private channel?',
     },
     toPrivateTitle: {
         id: 'admin.team_channel_settings.convertConfirmModal.toPrivateTitle',
@@ -115,10 +128,11 @@ const messages = defineMessages({
     },
     toPublicMessage: {
         id: 'admin.team_channel_settings.convertConfirmModal.toPublicMessage',
-
-        // This eslint-disable comment can be removed once this component no longer uses FormattedMarkdownMessage
-        // eslint-disable-next-line formatjs/no-multiple-whitespaces
-        defaultMessage: 'When you convert **{displayName}** to a public channel, history and membership are preserved. Public channels are discoverable and can by joined by users on the system without invitation.  \n \nAre you sure you want to convert **{displayName}** to a public channel?',
+        defaultMessage: 'When you convert {displayName} to a public channel, history and membership are preserved. Public channels are discoverable and can be joined by users on the system without invitation.',
+    },
+    toPublicMessageConfirmation: {
+        id: 'admin.team_channel_settings.convertConfirmModal.toPublicMessageConfirmation',
+        defaultMessage: 'Are you sure you want to convert {displayName} to a public channel?',
     },
     toPublicTitle: {
         id: 'admin.team_channel_settings.convertConfirmModal.toPublicTitle',

webapp/channels/src/i18n/en.json

@@ -2620,10 +2620,12 @@
   "admin.team_channel_settings.convertAndRemoveConfirmModal.toPublicTitle": "Convert channel to public and remove {amount, number} {amount, plural, one {user} other {users}}",
   "admin.team_channel_settings.convertConfirmModal.cancel": "No, cancel",
   "admin.team_channel_settings.convertConfirmModal.toPrivateConfirm": "Yes, convert to private channel",
-  "admin.team_channel_settings.convertConfirmModal.toPrivateMessage": "When you convert **{displayName}** to a private channel, history and membership are preserved. Publicly shared files remain accessible to anyone with the link. Membership in a private channel is by invitation only.  \n \nAre you sure you want to convert **{displayName}** to a private channel?",
+  "admin.team_channel_settings.convertConfirmModal.toPrivateMessage": "When you convert {displayName} to a private channel, history and membership are preserved. Publicly shared files remain accessible to anyone with the link. Membership in a private channel is by invitation only.",
+  "admin.team_channel_settings.convertConfirmModal.toPrivateMessageConfirmation": "Are you sure you want to convert {displayName} to a private channel?",
   "admin.team_channel_settings.convertConfirmModal.toPrivateTitle": "Convert {displayName} to a private channel?",
   "admin.team_channel_settings.convertConfirmModal.toPublicConfirm": "Yes, convert to public channel",
-  "admin.team_channel_settings.convertConfirmModal.toPublicMessage": "When you convert **{displayName}** to a public channel, history and membership are preserved. Public channels are discoverable and can by joined by users on the system without invitation.  \n \nAre you sure you want to convert **{displayName}** to a public channel?",
+  "admin.team_channel_settings.convertConfirmModal.toPublicMessage": "When you convert {displayName} to a public channel, history and membership are preserved. Public channels are discoverable and can be joined by users on the system without invitation.",
+  "admin.team_channel_settings.convertConfirmModal.toPublicMessageConfirmation": "Are you sure you want to convert {displayName} to a public channel?",
   "admin.team_channel_settings.convertConfirmModal.toPublicTitle": "Convert {displayName} to a public channel?",
   "admin.team_channel_settings.group_list.membersHeader": "Member Count",
   "admin.team_channel_settings.group_list.nameHeader": "Group Name",