cleaning up media settings

This commit is contained in:
talksik
2022-06-20 11:03:25 -05:00
parent c109baa13b
commit 9e24545acf
+38 -47
View File
@@ -182,6 +182,7 @@ export default function FooterControls() {
color: 'white', color: 'white',
}} }}
size="small" size="small"
onClick={handleClickProfile}
> >
<FiSettings /> <FiSettings />
</IconButton> </IconButton>
@@ -257,56 +258,46 @@ function UserSettingsDialog({ open, handleClose }: { handleClose: () => void; op
</Button> </Button>
</Stack> </Stack>
<FormControl fullWidth> <Stack direction="row" alignItems="flex-start" spacing={1}>
<InputLabel>Microphone</InputLabel> <FormControl fullWidth>
<Select label="Microphone"> <InputLabel>Microphone</InputLabel>
<MenuItem value={NO_DEVICE_SELECTION}> <Select label="Microphone">
<em>None</em> <MenuItem value={NO_DEVICE_SELECTION}>
</MenuItem> <em>None</em>
{devices.audioInputDevices.map((deviceInfo) => (
<MenuItem
key={`micDeviceSelection-${deviceInfo.deviceId}`}
value={deviceInfo.deviceId}
>
{deviceInfo.label}
</MenuItem> </MenuItem>
))} {devices.audioInputDevices.map((deviceInfo) => (
</Select> <MenuItem
<FormHelperText> key={`micDeviceSelection-${deviceInfo.deviceId}`}
Your speaker selection should be done on your computer status or taskbar. Please value={deviceInfo.deviceId}
select distinct speaker and microphone to avoid distortion when you have a bluetooth >
device connected. {deviceInfo.label}
</FormHelperText> </MenuItem>
</FormControl> ))}
</Select>
<FormHelperText>
Your speaker selection should be done on your computer status or taskbar. Please
select distinct speaker and microphone to avoid distortion when you have a bluetooth
device connected.
</FormHelperText>
</FormControl>
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>Video</InputLabel> <InputLabel>Video</InputLabel>
<Select label="Audio"> <Select label="Audio">
<MenuItem value={NO_DEVICE_SELECTION}> <MenuItem value={NO_DEVICE_SELECTION}>
<em>None</em> <em>None</em>
</MenuItem>
{devices.videoDevices.map((deviceInfo) => (
<MenuItem
key={`videoDeviceSelection-${deviceInfo.deviceId}`}
value={deviceInfo.deviceId}
>
{deviceInfo.label}
</MenuItem> </MenuItem>
))} {devices.videoDevices.map((deviceInfo) => (
</Select> <MenuItem
</FormControl> key={`videoDeviceSelection-${deviceInfo.deviceId}`}
value={deviceInfo.deviceId}
<FormControl fullWidth disabled> >
<InputLabel>Screen</InputLabel> {deviceInfo.label}
<Select value={'coming soon'} label="Audio"> </MenuItem>
<MenuItem value={NO_DEVICE_SELECTION}> ))}
<em>None</em> </Select>
</MenuItem> </FormControl>
<MenuItem value={'coming soon'}>{'coming soon'}</MenuItem> </Stack>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>
</FormControl>
<Divider /> <Divider />