update record button label

This commit is contained in:
Bobak Oftadeh 2019-04-26 20:56:12 +00:00
parent 785c1b1d0b
commit 7b8b459c05

View File

@ -53,6 +53,10 @@ const intlMessages = defineMessages({
id: 'app.recording.stopTitle',
description: 'stop recording title',
},
resumeTitle: {
id: 'app.recording.resumeTitle',
description: 'resume recording title',
},
});
const propTypes = {
@ -286,10 +290,19 @@ class NavBar extends PureComponent {
const { time, amIModerator } = this.state;
let recordTitle;
if (!this.interval) {
this.interval = setInterval(this.incrementTime, 1000);
}
if (!recordProps.recording) {
recordTitle = recordProps.time >= 0 ? intl.formatMessage(intlMessages.resumeTitle)
: intl.formatMessage(intlMessages.startTitle);
} else {
recordTitle = intl.formatMessage(intlMessages.stopTitle);
}
const toggleBtnClasses = {};
toggleBtnClasses[styles.btn] = true;
toggleBtnClasses[styles.btnWithNotificationDot] = hasUnreadMessages;
@ -322,8 +335,7 @@ class NavBar extends PureComponent {
<RecordingIndicator
{...recordProps}
title={intl.formatMessage(intlMessages[recordingMessage])}
buttonTitle={(!recordProps.recording ? intl.formatMessage(intlMessages.startTitle)
: intl.formatMessage(intlMessages.stopTitle))}
buttonTitle={recordTitle}
mountModal={mountModal}
time={time}
amIModerator={amIModerator}