added labels to VCO
This commit is contained in:
@@ -2,13 +2,15 @@ import React from 'react';
|
|||||||
import { useSelector, useDispatch } from 'react-redux';
|
import { useSelector, useDispatch } from 'react-redux';
|
||||||
import { selectById, parameterUpdated } from './parameterSlice.js';
|
import { selectById, parameterUpdated } from './parameterSlice.js';
|
||||||
import { Slider, SelectList } from '../../helpers/Helpers';
|
import { Slider, SelectList } from '../../helpers/Helpers';
|
||||||
|
import styles from './Parameters.module.css';
|
||||||
|
|
||||||
export default function VCO(props) {
|
export default function VCO(props) {
|
||||||
const parameters = useSelector((state) => selectById(state, props.id));
|
const parameters = useSelector((state) => selectById(state, props.id));
|
||||||
|
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className={styles.container}>
|
||||||
|
Waveform
|
||||||
<SelectList
|
<SelectList
|
||||||
value={parameters.waveform}
|
value={parameters.waveform}
|
||||||
list={props.waveforms}
|
list={props.waveforms}
|
||||||
@@ -21,6 +23,7 @@ export default function VCO(props) {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
{`${props.dwgsOrModTypeName}`}
|
||||||
<SelectList
|
<SelectList
|
||||||
value={parameters.dwgsOrModType}
|
value={parameters.dwgsOrModType}
|
||||||
list={props.dwgsOrModType}
|
list={props.dwgsOrModType}
|
||||||
@@ -33,6 +36,7 @@ export default function VCO(props) {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
Waveform Mod
|
||||||
<Slider
|
<Slider
|
||||||
min="0"
|
min="0"
|
||||||
max="100"
|
max="100"
|
||||||
@@ -46,6 +50,7 @@ export default function VCO(props) {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
LFO Mod
|
||||||
<Slider
|
<Slider
|
||||||
min="0"
|
min="0"
|
||||||
max="100"
|
max="100"
|
||||||
|
|||||||
Reference in New Issue
Block a user