feat: added new messages for new discussion providers (#115)

* feat: added new messages for new discussion providers

* fix: changed styles and minor test update

* refactor: refactored feature id names

* fix: Update messages.js

src/pages-and-resources/discussions/app-list/AppCard.jsx

@@ -28,7 +28,7 @@ function AppCard({
       }}
       className={classNames({
         'border-primary': selected,
-      })}
+      }, 'w-100')}
     >
       <div
         className="position-absolute mt-3 mr-3"

src/pages-and-resources/discussions/app-list/FeatureList.test.jsx

@@ -49,7 +49,7 @@ describe('FeaturesList', () => {
     userEvent.click(button);
     features.forEach((feature) => {
       const featureNodes = queryAllByText(
-        container, feature.id,
+        container, messages[`featureName-${feature.id}`].defaultMessage,
       );
       expect(featureNodes.map(node => node.closest('div'))).toHaveLength(1);
     });
@@ -59,7 +59,7 @@ describe('FeaturesList', () => {
     const button = getByRole(container, 'button');
     userEvent.click(button);
     features.forEach((feature) => {
-      const featureElement = queryByText(container, feature.id);
+      const featureElement = queryByText(container, messages[`featureName-${feature.id}`].defaultMessage);
       if (app.featureIds.includes(feature.id)) {
         expect(featureElement.querySelector('svg')).toHaveAttribute('id', 'check-icon');
       }
@@ -70,7 +70,7 @@ describe('FeaturesList', () => {
     const button = getByRole(container, 'button');
     userEvent.click(button);
     features.forEach((feature) => {
-      const featureElement = queryByText(container, feature.id);
+      const featureElement = queryByText(container, messages[`featureName-${feature.id}`].defaultMessage);
       if (!app.featureIds.includes(feature.id)) {
         expect(featureElement.querySelector('svg')).toHaveAttribute('id', 'remove-icon');
       }

src/pages-and-resources/discussions/app-list/FeaturesList.jsx

@@ -36,7 +36,7 @@ function FeaturesList({ app, features, intl }) {
           {app.featureIds.includes(feature.id)
             ? SupportedFeature
             : NonSupportedFeature}
-          {feature.id}
+          {intl.formatMessage(messages[`featureName-${feature.id}`])}
         </div>
       ))}
     </Collapsible>

src/pages-and-resources/discussions/app-list/messages.js

@@ -68,6 +68,64 @@ const messages = defineMessages({
     description: 'A description of the Piazza app.',
   },
 
+  // edX Next
+  'appName-edx-next': {
+    id: 'authoring.discussions.appList.appName-edx-next',
+    defaultMessage: 'edX Next',
+    description: 'The name of the edX Next app.',
+  },
+  'appDescription-edx-next': {
+    id: 'authoring.discussions.appList.appDescription-edx-next',
+    // @todo update default message for edx-next
+    defaultMessage: 'edX Next',
+    description: 'A description of the edx next app.',
+  },
+
+  // yellowdig
+  'appName-yellowdig': {
+    id: 'authoring.discussions.appList.appName-yellowdig',
+    defaultMessage: 'Yellowdig',
+    description: 'The name of the yellowdig app.',
+  },
+  'appDescription-yellowdig': {
+    id: 'authoring.discussions.appList.appDescription-yellowdig',
+    defaultMessage: 'Yellowdig offers educators a gameful learning digital solution to improve student engagement by building learning communities for any course modality.',
+    description: 'A description of the Yellowdig app.',
+  },
+  // edX inscribe
+  'appName-inscribe': {
+    id: 'authoring.discussions.appList.appName-inscribe',
+    defaultMessage: 'Inscribe',
+    description: 'The name of the inscribe app.',
+  },
+  'appDescription-inscribe': {
+    id: 'authoring.discussions.appList.appDescription-inscribe',
+    defaultMessage: 'InScribe · InScribe leverages the power of community + artificial intelligence to connect individuals to the answers, resources, and people they need to succeed.',
+    description: 'A description of the inscibe app.',
+  },
+  // discourse
+  'appName-discourse': {
+    id: 'authoring.discussions.appList.appName-discourse',
+    defaultMessage: 'Discourse',
+    description: 'The name of the discourse app.',
+  },
+  'appDescription-discourse': {
+    id: 'authoring.discussions.appList.appDescription-discourse',
+    defaultMessage: 'Discourse is modern forum software for your community. Use it as a mailing list, discussion forum, long-form chat room, and more!',
+    description: 'A description of the discourse app.',
+  },
+
+  // Ed Discuss
+  'appName-ed-discuss': {
+    id: 'authoring.discussions.appList.appName-ed-discuss',
+    defaultMessage: 'Ed Discuss',
+    description: 'The name of the Ed Discuss app.',
+  },
+  'appDescription-ed-discuss': {
+    id: 'authoring.discussions.appList.appDescription-ed-discus',
+    defaultMessage: 'Ed Discussion helps scale class communication in a beautiful and intuitive interface. Questions reach and benefit the whole class. Less emails, more time saved.',
+    description: 'A description of the Ed discus app.',
+  },
   // Features
   'featureName-discussion-page': {
     id: 'authoring.discussions.featureName-discussion-page',
@@ -84,11 +142,116 @@ const messages = defineMessages({
     defaultMessage: 'LTI Integration',
     description: 'The name of a discussions feature.',
   },
+  'featureName-advanced-in-context-discussion': {
+    id: 'authoring.discussions.featureName-advanced-in-context-discussion',
+    defaultMessage: 'Advanced In Context Discussion',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-anonymous-posting': {
+    id: 'authoring.discussions.featureName-anonymous-posting',
+    defaultMessage: 'Anonymous Posting',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-automatic-learner-enrollment': {
+    id: 'authoring.discussions.featureName-automatic-learner-enrollment',
+    defaultMessage: 'Automatic Learner Enrollment',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-blackout-discussion-dates': {
+    id: 'authoring.discussions.featureName-blackout-discussion-dates',
+    defaultMessage: 'Blackout Discussion Dates',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-community-ta-support': {
+    id: 'authoring.discussions.featureName-community-ta-support',
+    defaultMessage: 'Community TA Support',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-course-cohort-support': {
+    id: 'authoring.discussions.featureName-course-cohort-support',
+    defaultMessage: 'Course Cohort Support',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-direct-messages-from-instructors': {
+    id: 'authoring.discussions.featureName-direct-messages-from-instructors',
+    defaultMessage: 'Direct Messages from Instructors',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-discussion-content-prompts': {
+    id: 'authoring.discussions.featureName-discussion-content-prompts',
+    defaultMessage: 'Discussion Content Prompts',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-email-notifications': {
+    id: 'authoring.discussions.featureName-email-notifications',
+    defaultMessage: 'Email Notifications',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-graded-discussions': {
+    id: 'authoring.discussions.featureName-graded-discussions',
+    defaultMessage: 'Graded Discussions',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-in-platform-notifications': {
+    id: 'authoring.discussions.featureName-in-platform-notifications',
+    defaultMessage: 'In Platform Notifications',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-internationalization-support': {
+    id: 'authoring.discussions.featureName-internationalization-support',
+    defaultMessage: 'Internationalization Support',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-lti-advanced-sharing-mode': {
+    id: 'authoring.discussions.featureName-lti-advanced-sharing-mode',
+    defaultMessage: 'LTI Advanced Sharing Mode',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-lti-basic-configuration': {
+    id: 'authoring.discussions.featureName-lti-basic-configuration',
+    defaultMessage: 'LTI Basic Configuration',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-primary-discussion-app-experience': {
+    id: 'authoring.discussions.featureName-primary-discussion-app-experience',
+    defaultMessage: 'Primary Discussion App Experience',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-question-discussion-support': {
+    id: 'authoring.discussions.featureName-question-&-discussion-support',
+    defaultMessage: 'Question & Discussion Support',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-report/flag-content-to-moderators': {
+    id: 'authoring.discussions.featureName-report/flag-content-to-moderators',
+    defaultMessage: 'Report / Flag Content to Moderators',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-research-data-events': {
+    id: 'authoring.discussions.featureName-research-data-events',
+    defaultMessage: 'Research Data Events',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-simplified-in-context-discussion': {
+    id: 'authoring.discussions.featureName-simplified-in-context-discussion',
+    defaultMessage: 'Simplified In Context Discussion',
+    description: 'The name of a discussions feature.',
+  },
+  'featureName-user-mentions': {
+    id: 'authoring.discussions.featureName-user-mentions',
+    defaultMessage: 'User Mentions',
+    description: 'The name of a discussions feature.',
+  },
   'featureName-wcag-2.1': {
     id: 'authoring.discussions.featureName-wcag-2.1',
     defaultMessage: 'WCAG 2.1 Support',
     description: 'The name of a discussions feature.',
   },
+  'featureName-wcag-2.0-support': {
+    id: 'authoring.discussions.wcag-2.0-support',
+    defaultMessage: 'WCAG 2.0 Support',
+    description: 'The name of a discussions feature.',
+  },
 });
 
 export default messages;