mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-24 18:25:49 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update VoiceRecordComposerTile to only end recording

Browse source
This commit is contained in:
Germain Souquet 2021-08-26 08:07:51 +01:00
parent 2e2ada09cd
commit 4e0f52118d
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/views/rooms/VoiceRecordComposerTile.tsx
View file

@ -217,7 +217,7 @@ export default class VoiceRecordComposerTile extends React.PureComponent<IProps,
public render(): ReactNode { public render(): ReactNode {
if (!this.state.recordingPhase) return null; if (!this.state.recordingPhase) return null;
let stopOrRecordBtn; let stopBtn;
let deleteButton; let deleteButton;
if (!this.state.recordingPhase || this.state.recordingPhase === RecordingState.Started) { if (!this.state.recordingPhase || this.state.recordingPhase === RecordingState.Started) {
const classes = classNames({ const classes = classNames({
@ -231,13 +231,13 @@ export default class VoiceRecordComposerTile extends React.PureComponent<IProps,
tooltip = _t("Stop recording"); tooltip = _t("Stop recording");
} }
stopOrRecordBtn = <AccessibleTooltipButton stopBtn = <AccessibleTooltipButton
className={classes} className={classes}
onClick={this.onRecordStartEndClick} onClick={this.onRecordStartEndClick}
title={tooltip} title={tooltip}
/>; />;
if (this.state.recorder && !this.state.recorder?.isRecording) { if (this.state.recorder && !this.state.recorder?.isRecording) {
stopOrRecordBtn = null; stopBtn = null;
} }
} }
@ -266,13 +266,10 @@ export default class VoiceRecordComposerTile extends React.PureComponent<IProps,
</span>; </span>;
} }
// The record button (mic icon) is meant to be on the right edge, but we also want the
// stop button to be left of the waveform area. Luckily, none of the surrounding UI is
// rendered when we're not recording, so the record button ends up in the correct spot.
return (<> return (<>
{ uploadIndicator } { uploadIndicator }
{ deleteButton } { deleteButton }
{ stopOrRecordBtn } { stopBtn }
{ this.renderWaveformArea() } { this.renderWaveformArea() }
</>); </>);
} }