diff --git a/locales/en/app.json b/locales/en/app.json index b0bc72edb..919aa607e 100644 --- a/locales/en/app.json +++ b/locales/en/app.json @@ -215,12 +215,14 @@ "activating": "Activating…", "camera": "Camera", "camera_numbered": "Camera {{n}}", + "camera_source": "Camera Source", "change_device_button": "Change audio device", "default": "Default", "default_named": "Default <2>({{name}})", "default_named_plain": "Default ({{name}})", "handset": "Handset", "loudspeaker": "Loudspeaker", + "mic_source": "Mic Source", "microphone": "Microphone", "microphone_numbered": "Microphone {{n}}", "speaker": "Speaker", diff --git a/src/components/CallFooter.tsx b/src/components/CallFooter.tsx index 9ae56a591..45d346bab 100644 --- a/src/components/CallFooter.tsx +++ b/src/components/CallFooter.tsx @@ -175,7 +175,6 @@ export const CallFooter: FC = ({ if ((audioOptions?.length ?? 0) > 0) { buttons.push( = ({ if ((videoOptions?.length ?? 0) > 0) { buttons.push( = ({ let IconOptions: ComponentType> | undefined; let optionsButtonLabel: string; + let defaultMenuTitle: string; let numberedLabel: (number: number) => string; switch (iconsAndLabels) { case "video": IconOptions = VideoCallIcon; optionsButtonLabel = t("settings.devices.camera"); + defaultMenuTitle = t("settings.devices.camera_source"); numberedLabel = (n): string => t("settings.devices.camera_numbered", { n }); break; case "audio": IconOptions = MicOnIcon; optionsButtonLabel = t("settings.devices.microphone"); + defaultMenuTitle = t("settings.devices.mic_source"); numberedLabel = (n): string => t("settings.devices.microphone_numbered", { n }); break; @@ -257,8 +264,10 @@ export const MediaMuteAndSwitchButton: FC = ({ {/* The mute button lives inside */} {button} = ({ VolumeOnIcon, )} - )} + {deviceItems( options, selectedOption,