feat: Get learn more links from the backend instead of hard-coding it…

… in the frontend (openedx#173)

This updates the app settings page to use a link returned by the backend instead
of using a hard-coded link in the frontend.

src/pages-and-resources/app-settings-modal/AppSettingsModal.jsx

@@ -59,7 +59,6 @@ function AppSettingsModal({
   onSettingsSave,
   enableAppLabel,
   enableAppHelp,
-  learnMoreURL,
   learnMoreText,
 }) {
   const { courseId } = useContext(PagesAndResourcesContext);
@@ -86,10 +85,10 @@ function AppSettingsModal({
     }
   };
 
-  const learnMoreLink = (
+  const learnMoreLink = appInfo.documentationLinks?.learnMoreConfiguration && (
     <Hyperlink
       className="text-primary-500"
-      destination={learnMoreURL}
+      destination={appInfo.documentationLinks.learnMoreConfiguration}
       target="_blank"
       rel="noreferrer noopener"
     >
@@ -210,7 +209,6 @@ AppSettingsModal.propTypes = {
   onClose: PropTypes.func.isRequired,
   enableAppLabel: PropTypes.string.isRequired,
   enableAppHelp: PropTypes.string.isRequired,
-  learnMoreURL: PropTypes.string.isRequired,
   learnMoreText: PropTypes.string.isRequired,
 };
 

src/pages-and-resources/calculator/Settings.jsx

@@ -1,23 +1,18 @@
-import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
 import React from 'react';
 import AppSettingsModal from '../app-settings-modal/AppSettingsModal';
 
 import messages from './messages';
 
-const CALCULATOR_HELP_URL = getConfig().CALCULATOR_HELP_URL
-  || 'https://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/exercises_tools/calculator.html';
-
 function CalculatorSettings({ intl, onClose }) {
   return (
     <AppSettingsModal
       appId="calculator"
       title={intl.formatMessage(messages.heading)}
-      enableAppHelp={intl.formatMessage(messages.enableProgressHelp)}
-      enableAppLabel={intl.formatMessage(messages.enableProgressLabel)}
-      learnMoreText={intl.formatMessage(messages.enableProgressLink)}
-      learnMoreURL={CALCULATOR_HELP_URL}
+      enableAppHelp={intl.formatMessage(messages.enableCalculatorHelp)}
+      enableAppLabel={intl.formatMessage(messages.enableCalculatorLabel)}
+      learnMoreText={intl.formatMessage(messages.enableCalculatorLink)}
       onClose={onClose}
     />
   );

src/pages-and-resources/calculator/messages.js

@@ -5,17 +5,17 @@ const messages = defineMessages({
     id: 'course-authoring.pages-resources.calculator.heading',
     defaultMessage: 'Configure calculator',
   },
-  enableProgressLabel: {
+  enableCalculatorLabel: {
     id: 'course-authoring.pages-resources.calculator.enable-calculator.label',
     defaultMessage: 'Calculator',
   },
-  enableProgressHelp: {
+  enableCalculatorHelp: {
     id: 'course-authoring.pages-resources.calculator.enable-calculator.help',
     defaultMessage: `The calculator supports numbers, operators, constants,
       functions, and other mathematical concepts. When enabled, an icon to
       access the calculator appears on all pages in the body of your course.`,
   },
-  enableProgressLink: {
+  enableCalculatorLink: {
     id: 'course-authoring.pages-resources.calculator.enable-calculator.link',
     defaultMessage: 'Learn more about the calculator',
   },