shawn/op-pedal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update JackServerSettingsDialog.tsx

Browse Source 
Summary

Added imports for the new refresh button in the JACK settings dialog, enabling quick reloading of ALSA devices without closing the dialog

Inserted an IconButton next to the audio device selectors so users can refresh the list on demand
This commit is contained in:
ExtremesecrecyOne
2025-07-23 11:35:22 -07:00
parent c6aec562b0
commit fbd925caca
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite/src/pipedal/JackServerSettingsDialog.tsx
+12 -7
View File
@@ -40,6 +40,8 @@ import DialogContent from '@mui/material/DialogContent';
import MenuItem from '@mui/material/MenuItem'; import MenuItem from '@mui/material/MenuItem';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
import { PiPedalModel, PiPedalModelFactory } from './PiPedalModel'; import { PiPedalModel, PiPedalModelFactory } from './PiPedalModel';
import IconButtonEx from './IconButtonEx';
import RefreshIcon from '@mui/icons-material/Refresh';
import AlsaDeviceInfo from './AlsaDeviceInfo'; import AlsaDeviceInfo from './AlsaDeviceInfo';
@@ -454,7 +456,7 @@ const JackServerSettingsDialog = withStyles(
> >
<DialogContent> <DialogContent>
<div> <div style={{ display: "flex", alignItems: "center" }}>
{/* Audio Input Device */} {/* Audio Input Device */}
<FormControl className={classes.formControl}> <FormControl className={classes.formControl}>
<InputLabel htmlFor="jsd_inputDevice">Input Device</InputLabel> <InputLabel htmlFor="jsd_inputDevice">Input Device</InputLabel>
@@ -469,10 +471,10 @@ const JackServerSettingsDialog = withStyles(
<MenuItem key={d.id} value={d.id}>{d.name}</MenuItem> <MenuItem key={d.id} value={d.id}>{d.name}</MenuItem>
)) || <MenuItem value="" disabled>Loading...</MenuItem>} )) || <MenuItem value="" disabled>Loading...</MenuItem>}
</Select> </Select>
</FormControl> </FormControl>
{/* Audio Output Device */} {/* Audio Output Device */}
<FormControl className={classes.formControl}> <FormControl className={classes.formControl}>
<InputLabel htmlFor="jsd_outputDevice">Output Device</InputLabel> <InputLabel htmlFor="jsd_outputDevice">Output Device</InputLabel>
<Select <Select
id="jsd_outputDevice" id="jsd_outputDevice"
@@ -484,8 +486,11 @@ const JackServerSettingsDialog = withStyles(
{this.state.alsaDevices?.map(d => ( {this.state.alsaDevices?.map(d => (
<MenuItem key={d.id} value={d.id}>{d.name}</MenuItem> <MenuItem key={d.id} value={d.id}>{d.name}</MenuItem>
)) || <MenuItem value="" disabled>Loading...</MenuItem>} )) || <MenuItem value="" disabled>Loading...</MenuItem>}
</Select> </Select>
</FormControl> </FormControl>
<IconButtonEx tooltip="Refresh devices" onClick={() => this.requestAlsaInfo()} aria-label="refresh-audio-devices">
<RefreshIcon />
</IconButtonEx>
</div><div> </div><div>
<FormControl className={classes.formControl}> <FormControl className={classes.formControl}>
<InputLabel htmlFor="jsd_sampleRate">Sample rate</InputLabel> <InputLabel htmlFor="jsd_sampleRate">Sample rate</InputLabel>