added labels to VCO

This commit is contained in:
[poww10s]
2020-11-19 00:47:42 -05:00
parent da85196641
commit 0b9ac71f4d
+6 -1
View File
@@ -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"