feat: full ch strip graphic eq - better colors

olzzon · Oct 28, 2020 · abf4e10 · abf4e10
1 parent f4e63b0
commit abf4e10
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/client/assets/css/ChanStripFull.css b/client/assets/css/ChanStripFull.css
@@ -80,7 +80,7 @@
     justify-content: space-evenly;
     top: 5px;
     left: 2px;
-    height: 200px;
+    height: 150px;
     width: 1500px;
     margin-left: 150px;
     margin-top: 10px;

diff --git a/client/components/ChanStripFull.tsx b/client/components/ChanStripFull.tsx
@@ -45,15 +45,15 @@ interface IChanStripFullProps {
 }
 
 enum EqColors {
-    'yellow',
-    'green',
-    'blue',
-    'red',
+    'rgb(93, 184, 180)',
+    'rgb(53, 112, 127)',
+    'rgb(217, 21, 133)',
+    'rgb(229, 159, 34)',
 }
 
 // Constant for calculation Eq dot positions:
-const MIN_HZ = 20
-const MAX_HZ = 20000
+const EQ_MIN_HZ = 20
+const EQ_MAX_HZ = 20000
 const EQ_X_SIZE = 140
 const EQ_WIN_X = 450
 const EQ_X_OFFSET = 350
@@ -167,12 +167,12 @@ class ChanStripFull extends React.PureComponent<
 
     valueToFreqPosition(value: number) {
         return (
-            EQ_X_SIZE * (Math.log2(value * (MAX_HZ - MIN_HZ) + MIN_HZ) - 1) - EQ_WIN_X
+            EQ_X_SIZE * (Math.log2(value * (EQ_MAX_HZ - EQ_MIN_HZ) + EQ_MIN_HZ) - 1) - EQ_WIN_X
         )
     }
     freqPositionToValue(position: number) {
         let newFreq = Math.pow(2, (position + EQ_WIN_X - EQ_X_OFFSET) / EQ_X_SIZE + 1)
-        return ((newFreq - MIN_HZ) / (MAX_HZ - MIN_HZ))
+        return ((newFreq - EQ_MIN_HZ) / (EQ_MAX_HZ - EQ_MIN_HZ))
     }
 
     eq() {