feat(recording) stop transcription when recording is stopped

react/features/recording/components/Recording/AbstractRecordButton.ts

@@ -125,6 +125,7 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
  * }}
  */
 export function _mapStateToProps(state: IReduxState) {
+    const _isTranscribing = state['features/transcribing'].isTranscribing;
     const {
         disabled: _disabled,
         tooltip: _tooltip,
@@ -134,7 +135,7 @@ export function _mapStateToProps(state: IReduxState) {
     return {
         _disabled,
         _isRecordingRunning: Boolean(getActiveSession(state, JitsiRecordingConstants.mode.FILE))
-            || LocalRecordingManager.isRecordingLocally(),
+            || LocalRecordingManager.isRecordingLocally() || _isTranscribing,
         _tooltip,
         visible
     };

react/features/recording/components/Recording/AbstractStopRecordingDialog.ts

@@ -7,6 +7,7 @@ import { IReduxState, IStore } from '../../../app/types';
 import { IJitsiConference } from '../../../base/conference/reducer';
 import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 import { setVideoMuted } from '../../../base/media/actions';
+import { setRequestingSubtitles } from '../../../subtitles/actions.any';
 import { stopLocalVideoRecording } from '../../actions';
 import { getActiveSession } from '../../functions';
 import { ISessionData } from '../../reducer';
@@ -89,6 +90,9 @@ export default class AbstractStopRecordingDialog<P extends IProps>
             }
         }
 
+        // TODO: this should be an action in transcribing. -saghul
+        this.props.dispatch(setRequestingSubtitles(false, false, null));
+
         return true;
     }