xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Prettify the thing

Browse source
This commit is contained in:
Johannes Marbach 2022-07-07 10:31:44 +02:00
commit f6d356c5ce
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/settings/SettingsModal.tsx
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>