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

Tweak voice broadcast live icon (#9576)

Browse source
This commit is contained in:
Michael Weimann 2022-11-16 16:13:59 +01:00 • committed by GitHub
parent 973513cc75
commit cf3c899dd1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
21 changed files with 262 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
View file

@ -15,7 +15,7 @@ import React from "react";
import { Room } from "matrix-js-sdk/src/matrix";
import classNames from "classnames";
import { LiveBadge } from "../..";
import { LiveBadge, VoiceBroadcastLiveness } from "../..";
import { Icon as LiveIcon } from "../../../../res/img/element-icons/live.svg";
import { Icon as MicrophoneIcon } from "../../../../res/img/voip/call-view/mic-on.svg";
import { Icon as TimerIcon } from "../../../../res/img/element-icons/Timer.svg";
@ -27,7 +27,7 @@ import Clock from "../../../components/views/audio_messages/Clock";
import { formatTimeLeft } from "../../../DateUtils";
interface VoiceBroadcastHeaderProps {
live?: boolean;
live?: VoiceBroadcastLiveness;
onCloseClick?: () => void;
onMicrophoneLineClick?: () => void;
room: Room;
@ -38,7 +38,7 @@ interface VoiceBroadcastHeaderProps {
}
export const VoiceBroadcastHeader: React.FC<VoiceBroadcastHeaderProps> = ({
live = false,
live = "not-live",
onCloseClick = () => {},
onMicrophoneLineClick,
room,
@ -54,7 +54,9 @@ export const VoiceBroadcastHeader: React.FC<VoiceBroadcastHeaderProps> = ({
</div>
: null;
const liveBadge = live ? <LiveBadge /> : null;
const liveBadge = live === "not-live"
? null
: <LiveBadge grey={live === "grey"} />;
const closeButton = showClose
? <AccessibleButton onClick={onCloseClick}>