Prettify the thing

This commit is contained in:
Johannes Marbach 2022-07-07 10:31:44 +02:00
parent eb2de869b8
commit f6d356c5ce

View file

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