fix: upd translations on instructor toolbar (openedx#917)

AnnHalii · Aug 11, 2022 · dc183ef · dc183ef
1 parent a7b584c
commit dc183ef
Showing 1 changed file with 22 additions and 3 deletions.
diff --git a/src/instructor-toolbar/InstructorToolbar.jsx b/src/instructor-toolbar/InstructorToolbar.jsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 import { ALERT_TYPES, AlertList } from '../generic/user-messages';
 import Alert from '../generic/user-messages/Alert';
@@ -74,17 +75,35 @@ export default function InstructorToolbar(props) {
           {(urlStudio || urlInsights) && (
             <>
               <hr className="border-light" />
-              <span className="mr-2 mt-1 col-form-label">View course in:</span>
+              <span className="mr-2 mt-1 col-form-label">
+                <FormattedMessage
+                  id="instructorToolbar.view.label"
+                  description="Label on the instructor toolbar."
+                  defaultMessage="View course in:"
+                />
+              </span>
             </>
           )}
           {urlStudio && (
             <span className="mx-1 my-1">
-              <a className="btn btn-inverse-outline-primary" href={urlStudio}>Studio</a>
+              <a className="btn btn-inverse-outline-primary" href={urlStudio}>
+                <FormattedMessage
+                  id="instructorToolbar.view.mode.label.1"
+                  description="Label view mode for studio."
+                  defaultMessage="Studio"
+                />
+              </a>
             </span>
           )}
           {urlInsights && (
             <span className="mx-1 my-1">
-              <a className="btn btn-inverse-outline-primary" href={urlInsights}>Insights</a>
+              <a className="btn btn-inverse-outline-primary" href={urlInsights}>
+                <FormattedMessage
+                  id="instructorToolbar.view.mode.label.2"
+                  description="Label view mode for insights."
+                  defaultMessage="Insights"
+                />
+              </a>
             </span>
           )}
         </div>