Added Components and Updated VCO

2020-11-18 16:41:31 -05:00
parent f679c3324b
commit 31a1baa7c9
4 changed files with 211 additions and 34 deletions
@@ -0,0 +1,116 @@
+import React from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { selectById, parameterUpdated } from './parameterSlice.js';
+import { Slider, SelectList } from '../../helpers/Helpers';
+
+export default function Pitch(props) {
+    const parameters = useSelector((state) => selectById(state, props.id));
+    const dispatch = useDispatch();
+
+    return (
+        <div>
+            <SelectList
+                value={parameters.voiceAssign}
+                list={['Mono', 'Poly', 'Unison']}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { voiceAssign: value },
+                        })
+                    )
+                }
+            />
+            <SelectList
+                value={parameters.triggerMode}
+                list={['Single', 'Multiple']}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { triggerMode: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.transpose}
+                min="-24"
+                max="24"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { transpose: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.tune}
+                min="-50"
+                max="50"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { tune: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.unisonDetune}
+                min="0"
+                max="99"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { unisoneDetune: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.portamento}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { portamento: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.bendRange}
+                min="-12"
+                max="12"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { bendRange: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.vibratoIntensity}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { vibratoIntensity: value },
+                        })
+                    )
+                }
+            />
+        </div>
+    );
+}