Prevent empty device labels

Fixes: #324
Signed-off-by: Johannes Marbach <johannesm@element.io>
This commit is contained in:
Johannes Marbach 2022-07-07 10:18:11 +02:00
parent c6030d33ca
commit eb2de869b8

View file

@ -78,7 +78,7 @@ export const SettingsModal = (props: Props) => {
onSelectionChange={setAudioInput} onSelectionChange={setAudioInput}
> >
{audioInputs.map(({ deviceId, label }) => ( {audioInputs.map(({ deviceId, label }) => (
<Item key={deviceId}>{label}</Item> <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default microphone"}</Item>
))} ))}
</SelectInput> </SelectInput>
{audioOutputs.length > 0 && ( {audioOutputs.length > 0 && (
@ -88,7 +88,7 @@ export const SettingsModal = (props: Props) => {
onSelectionChange={setAudioOutput} onSelectionChange={setAudioOutput}
> >
{audioOutputs.map(({ deviceId, label }) => ( {audioOutputs.map(({ deviceId, label }) => (
<Item key={deviceId}>{label}</Item> <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default speaker"}</Item>
))} ))}
</SelectInput> </SelectInput>
)} )}
@ -119,7 +119,7 @@ export const SettingsModal = (props: Props) => {
onSelectionChange={setVideoInput} onSelectionChange={setVideoInput}
> >
{videoInputs.map(({ deviceId, label }) => ( {videoInputs.map(({ deviceId, label }) => (
<Item key={deviceId}>{label}</Item> <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default camera"}</Item>
))} ))}
</SelectInput> </SelectInput>
</TabItem> </TabItem>