kinda hacky way of implementing checkboxes

2020-11-18 16:41:44 -05:00
parent 31a1baa7c9
commit c147981a2f
2 changed files with 90 additions and 3 deletions
@@ -0,0 +1,77 @@
+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 EG(props) {
+    const parameters = useSelector((state) => selectById(state, props.id));
+    const dispatch = useDispatch();
+
+    return (
+        <div>
+            <Slider
+                parameter={parameters.attack}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { attack: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.decay}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { decay: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.sustain}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { sustain: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.release}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { release: value },
+                        })
+                    )
+                }
+            />
+            <Checkbox
+                parameter={parameters.egReset}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { egReset: !parameters.egReset },
+                        })
+                    )
+                }
+            />
+        </div>
+    );
+}