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