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}
>
{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>
{audioOutputs.length > 0 && (
@ -88,7 +92,11 @@ export const SettingsModal = (props: Props) => {
onSelectionChange={setAudioOutput}
>
{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>
)}
@ -119,7 +127,9 @@ export const SettingsModal = (props: Props) => {
onSelectionChange={setVideoInput}
>
{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>
</TabItem>