diff --git a/src/features/timbre/parameters/Amp.js b/src/features/timbre/parameters/Amp.js new file mode 100644 index 0000000..7111d68 --- /dev/null +++ b/src/features/timbre/parameters/Amp.js @@ -0,0 +1,61 @@ +import React from 'react'; +import { useSelector, useDispatch } from 'react-redux'; +import { selectById, parameterUpdated } from './parameterSlice.js'; +import { Slider, Checkbox } from '../../helpers/Helpers'; + +export default function Amp(props) { + const parameters = useSelector((state) => selectById(state, props.id)); + const dispatch = useDispatch(); + + return ( +
+ + dispatch( + parameters({ + id: props.id, + changes: { ampLevel: value }, + }) + ) + } + /> + + dispatch( + parameters({ id: props.id, changes: { panpot: value } }) + ) + } + /> + + dispatch( + parameters({ + id: props.id, + changes: { ampTrack: value }, + }) + ) + } + /> + + dispatch( + parameterUpdated({ + id: props.id, + changes: { egReset: value }, + }) + ) + } + /> +
+ ); +} diff --git a/src/features/timbre/parameters/parameterSlice.js b/src/features/timbre/parameters/parameterSlice.js index 192c407..9cf98f4 100644 --- a/src/features/timbre/parameters/parameterSlice.js +++ b/src/features/timbre/parameters/parameterSlice.js @@ -68,6 +68,10 @@ const parametersSlice = createSlice({ }, 'amp1': { id: 'amp1', + ampLevel: 127, + panpot: 0, + ampTrack: 0, + distortion: false, }, 'eg2': { id: 'eg2',