Add voice broadcast device selection tooltip (#9726)

This commit is contained in:
Michael Weimann 2022-12-08 15:27:32 +01:00 committed by GitHub
parent 95ac957fa4
commit 1b6d753cfe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 56 additions and 18 deletions

View file

@ -26,6 +26,7 @@ import { Icon as XIcon } from "../../../../res/img/element-icons/cancel-rounded.
import Clock from "../../../components/views/audio_messages/Clock";
import { formatTimeLeft } from "../../../DateUtils";
import Spinner from "../../../components/views/elements/Spinner";
import AccessibleTooltipButton from "../../../components/views/elements/AccessibleTooltipButton";
interface VoiceBroadcastHeaderProps {
live?: VoiceBroadcastLiveness;
@ -87,13 +88,14 @@ export const VoiceBroadcastHeader: React.FC<VoiceBroadcastHeaderProps> = ({
});
const microphoneLine = microphoneLabel && (
<div
<AccessibleTooltipButton
className={microphoneLineClasses}
onClick={onMicrophoneLineClick}
title={_t("Change input device")}
>
<MicrophoneIcon className="mx_Icon mx_Icon_16" />
<span>{ microphoneLabel }</span>
</div>
</AccessibleTooltipButton>
);
return <div className="mx_VoiceBroadcastHeader">