imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Display voice broadcast total length (#9517)

Browse source
This commit is contained in:
Michael Weimann 2022-10-31 18:35:02 +01:00 • committed by GitHub
parent 9b644844da
commit 66c20a0798
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 443 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx
View file

@ -27,6 +27,7 @@ import { useVoiceBroadcastPlayback } from "../../hooks/useVoiceBroadcastPlayback
import { Icon as PlayIcon } from "../../../../res/img/element-icons/play.svg";
import { Icon as PauseIcon } from "../../../../res/img/element-icons/pause.svg";
import { _t } from "../../../languageHandler";
import Clock from "../../../components/views/audio_messages/Clock";
interface VoiceBroadcastPlaybackBodyProps {
playback: VoiceBroadcastPlayback;
@ -36,6 +37,7 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
playback,
}) => {
const {
length,
live,
room,
sender,
@ -73,6 +75,8 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
/>;
}
const lengthSeconds = Math.round(length / 1000);
return (
<div className="mx_VoiceBroadcastBody">
<VoiceBroadcastHeader
@ -84,6 +88,9 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
<div className="mx_VoiceBroadcastBody_controls">
{ control }
</div>
<div className="mx_VoiceBroadcastBody_timerow">
<Clock seconds={lengthSeconds} />
</div>
</div>
);
};