Prettify the thing
This commit is contained in:
parent
eb2de869b8
commit
f6d356c5ce
1 changed files with 13 additions and 3 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue