Update options for downgrade feedback.

webapp/channels/src/components/feedback_modal/downgrade_feedback.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 import {injectIntl, WrappedComponentProps} from 'react-intl';
 
 import {Feedback} from '@mattermost/types/cloud';
-import FeedbackModal from 'components/feedback_modal/feedback';
+import FeedbackModal, {FeedbackOption} from 'components/feedback_modal/feedback';
 
 type Props = {
     onSubmit: (downgradeFeedback: Feedback) => void;
@@ -28,23 +28,35 @@ const DowngradeFeedbackModal = (props: Props) => {
         defaultMessage: 'Downgrade',
     });
 
-    const downgradeFeedbackOptions = [
+    const downgradeFeedbackOptions: FeedbackOption[] = [
-        props.intl.formatMessage({
+        {
-            id: 'feedback.downgradeWorkspace.technicalIssues',
+            translatedMessage: props.intl.formatMessage({
-            defaultMessage: 'Experienced technical issues',
+                id: 'feedback.downgradeWorkspace.technicalIssues',
-        }),
+                defaultMessage: 'Experienced technical issues',
-        props.intl.formatMessage({
+            }),
-            id: 'feedback.downgradeWorkspace.noLongerNeeded',
+            submissionValue: 'Experienced technical issues',
-            defaultMessage: 'No longer need Cloud Professional features',
+        },
-        }),
+        {
-        props.intl.formatMessage({
+            translatedMessage: props.intl.formatMessage({
-            id: 'feedback.downgradeWorkspace.exploringOptions',
+                id: 'feedback.downgradeWorkspace.noLongerNeeded',
-            defaultMessage: 'Exploring other solutions',
+                defaultMessage: 'No longer need Cloud Professional features',
-        }),
+            }),
-        props.intl.formatMessage({
+            submissionValue: 'No longer need Cloud Professional features',
-            id: 'feedback.downgradeWorkspace.tooExpensive',
+        },
-            defaultMessage: 'Too expensive',
+        {
-        }),
+            translatedMessage: props.intl.formatMessage({
+                id: 'feedback.downgradeWorkspace.exploringOptions',
+                defaultMessage: 'Exploring other solutions',
+            }),
+            submissionValue: 'Exploring other solutions',
+        },
+        {
+            translatedMessage: props.intl.formatMessage({
+                id: 'feedback.downgradeWorkspace.tooExpensive',
+                defaultMessage: 'Too expensive',
+            }),
+            submissionValue: 'Too expensive',
+        }
     ];
 
     return (