feat(transcribing) add notification when transcribing starts

lang/main.json

@@ -1360,6 +1360,7 @@
         "failedToStart": "Transcribing failed to start",
         "labelToolTip": "The meeting is being transcribed",
         "off": "Transcribing stopped",
+        "on": "Transcribing started",
         "pending": "Preparing to transcribe the meeting...",
         "sourceLanguageDesc": "Currently the meeting language is set to <b>{{sourceLanguage}}</b>. <br/> You can change it from ",
         "sourceLanguageHere": "here",

react/features/transcribing/actions.ts

@@ -72,6 +72,20 @@ export function showPendingTranscribingNotification() {
     }, NOTIFICATION_TIMEOUT_TYPE.LONG);
 }
 
+/**
+ * Signals that the started transcribing notification should be shown on the
+ * screen.
+ *
+ * @returns {showNotification}
+ */
+export function showStartedTranscribingNotification() {
+    return showNotification({
+        descriptionKey: 'transcribing.on',
+        titleKey: 'dialog.transcribing',
+        uid: TRANSCRIBING_NOTIFICATION_ID
+    }, NOTIFICATION_TIMEOUT_TYPE.SHORT);
+}
+
 /**
  * Signals that the stopped transcribing notification should be shown on the
  * screen.

react/features/transcribing/middleware.ts

@@ -14,6 +14,7 @@ import {
 import {
     potentialTranscriberJoined,
     showPendingTranscribingNotification,
+    showStartedTranscribingNotification,
     showStoppedTranscribingNotification,
     transcriberJoined,
     transcriberLeft
@@ -37,6 +38,8 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
 
     switch (action.type) {
     case _TRANSCRIBER_JOINED: {
+        dispatch(showStartedTranscribingNotification());
+
         const state = getState();
         const { transcription } = state['features/base/config'];
         const { _requestingSubtitles } = state['features/subtitles'];