diff --git a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx index 7d896594..4749657e 100644 --- a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx +++ b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx @@ -40,6 +40,8 @@ export const ScreenRecordingSidePanel = () => { return { isAnotherModeStarted: recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTED, + isStarting: + recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTING, isStarted: recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTED, isStopping: @@ -191,7 +193,14 @@ export const ScreenRecordingSidePanel = () => { size="sm" variant="tertiary" > - {t('start.button')} + {statuses.isStarting ? ( + <> + + {t('start.loading')} + + ) : ( + t('start.button') + )} )} diff --git a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx index 59633002..3e0582fd 100644 --- a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx +++ b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx @@ -49,6 +49,7 @@ export const TranscriptSidePanel = () => { return { isAnotherModeStarted: recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTED, + isStarting: recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTING, isStarted: recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTED, isStopping: recordingSnap.status == RecordingStatus.TRANSCRIPT_STOPPING, } @@ -224,7 +225,14 @@ export const TranscriptSidePanel = () => { size="sm" variant="tertiary" > - {t('start.button')} + {statuses.isStarting ? ( + <> + + {t('start.loading')} + + ) : ( + t('start.button') + )} )} diff --git a/src/frontend/src/locales/en/rooms.json b/src/frontend/src/locales/en/rooms.json index bbde0453..69f3489c 100644 --- a/src/frontend/src/locales/en/rooms.json +++ b/src/frontend/src/locales/en/rooms.json @@ -205,6 +205,7 @@ "heading": "Transcribe this call", "body": "Automatically transcribe this call and receive the summary in Docs.", "button": "Start transcription", + "loading": "Transcription starting", "linkMore": "Learn more" }, "stop": { @@ -227,6 +228,7 @@ "heading": "Record this call", "body": "Record this call to watch it later and receive the video recording by email.", "button": "Start recording", + "loading": "Recording starting", "linkMore": "Learn more" }, "stopping": { diff --git a/src/frontend/src/locales/fr/rooms.json b/src/frontend/src/locales/fr/rooms.json index 8d19c5dd..7ef4b4ca 100644 --- a/src/frontend/src/locales/fr/rooms.json +++ b/src/frontend/src/locales/fr/rooms.json @@ -205,6 +205,7 @@ "heading": "Transcrire cet appel", "body": "Transcrivez cet appel automatiquement et recevez le compte rendu dans Docs.", "button": "Démarrer la transcription", + "loading": "Démarrage de la transcription", "linkMore": "En savoir plus" }, "stop": { @@ -227,6 +228,7 @@ "heading": "Enregistrer cet appel", "body": "Enregistrez cet appel pour plus tard et recevez l'enregistrement vidéo par mail.", "button": "Démarrer l'enregistrement", + "loading": "Démarrage de l'enregistrement", "linkMore": "En savoir plus" }, "stopping": { diff --git a/src/frontend/src/locales/nl/rooms.json b/src/frontend/src/locales/nl/rooms.json index a077c19f..29becb21 100644 --- a/src/frontend/src/locales/nl/rooms.json +++ b/src/frontend/src/locales/nl/rooms.json @@ -205,6 +205,7 @@ "heading": "Transcribeer dit gesprek", "body": "Transcribeer dit gesprek automatisch en ontvang het verslag in Docs.", "button": "Transcriptie starten", + "loading": "Transcriptie begint", "linkMore": "Meer informatie" }, "stop": { @@ -227,6 +228,7 @@ "heading": "Dit gesprek opnemen", "body": "Neem dit gesprek op om het later terug te kijken. Je ontvangt de video-opname per e-mail.", "button": "Opname starten", + "loading": "Opname gestarten", "linkMore": "Meer informatie" }, "stopping": {