Prettify the thing
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user