cleaning up media settings
This commit is contained in:
@@ -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 />
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user