From dc183efc440adf096e0818a18bb85b0dd4ad6a36 Mon Sep 17 00:00:00 2001
From: Anna Halii <annahalii@Annas-MacBook-Pro.local>
Date: Thu, 11 Aug 2022 20:21:15 +0300
Subject: [PATCH] fix: upd translations on instructor toolbar (#917)

---
 src/instructor-toolbar/InstructorToolbar.jsx | 25 +++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/instructor-toolbar/InstructorToolbar.jsx b/src/instructor-toolbar/InstructorToolbar.jsx
index 80eb3f5148..893eabc712 100644
--- 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>