From 68d6471357f5ae7741e3a9168a4ce6030d59d314 Mon Sep 17 00:00:00 2001
From: "[poww10s]" <[theironminer@gmail.com]>
Date: Wed, 18 Nov 2020 17:37:41 -0500
Subject: [PATCH] add Amp Component

---
 src/features/timbre/parameters/Amp.js         | 61 +++++++++++++++++++
 .../timbre/parameters/parameterSlice.js       |  4 ++
 2 files changed, 65 insertions(+)
 create mode 100644 src/features/timbre/parameters/Amp.js

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 (
+        <div>
+            <Slider
+                parameter={parameters.ampLevel}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameters({
+                            id: props.id,
+                            changes: { ampLevel: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.panpot}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameters({ id: props.id, changes: { panpot: value } })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.ampTrack}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameters({
+                            id: props.id,
+                            changes: { ampTrack: value },
+                        })
+                    )
+                }
+            />
+            <Checkbox
+                parameter={parameters.distortion}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { egReset: value },
+                        })
+                    )
+                }
+            />
+        </div>
+    );
+}
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',