fixes hihayk#2

chancmg · Oct 13, 2018 · 66804ba · 66804ba
1 parent 63d27cd
commit 66804ba
Showing 1 changed file with 55 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -212,37 +212,74 @@ class App extends Component {
     }
   }
 
-  handleDarkColorsAmountChange (e) {
+
+  handleDarkColorsAmountChange(e) {
+    if (e.target.value && e.target.value.length > 3) {
+      e.target.value = 999;
+    }
+    if (e.target.value && e.target.value < 0) {
+      e.target.value = 0;
+    }
     this.setState({
       darkColorsAmount: e.target.value
     })
   }
 
-  handleDarkestAmountChange (e) {
+  handleDarkestAmountChange(e) {
+    if (e.target.value && e.target.value > 99) {
+      e.target.value = 99;
+    }
+    if (e.target.value && e.target.value < 0) {
+      e.target.value = 0;
+    }
     this.setState({
       darkestAmount: e.target.value
     })
   }
 
-  handleLightColorsAmountChange (e) {
+  handleLightColorsAmountChange(e) {
+    if (e.target.value && e.target.value.length > 3) {
+      e.target.value = 999;
+    }
+    if (e.target.value && e.target.value < 0) {
+      e.target.value = 0;
+    }
     this.setState({
       lightColorsAmount: e.target.value
     })
   }
 
-  handleLightestAmountChange (e) {
+  handleLightestAmountChange(e) {
+    if (e.target.value && e.target.value > 99) {
+      e.target.value = 99;
+    }
+    if (e.target.value && e.target.value < 0) {
+      e.target.value = 0;
+    }
     this.setState({
       lightestAmount: e.target.value
     })
   }
 
-  handleLightColorsMixRotate (e) {
+  handleLightColorsMixRotate(e) {
+    if (e.target.value && e.target.value > 360) {
+      e.target.value = 360;
+    }
+    if (e.target.value && e.target.value < -360) {
+      e.target.value = -360;
+    }
     this.setState({
       lightColorsMixRotate: e.target.value
     })
   }
 
-  handleDarkColorsMixRotate (e) {
+  handleDarkColorsMixRotate(e) {
+    if (e.target.value && e.target.value > 360) {
+      e.target.value = 360;
+    }
+    if (e.target.value && e.target.value < -360) {
+      e.target.value = -360;
+    }
     this.setState({
       darkColorsMixRotate: e.target.value
     })
@@ -352,12 +389,24 @@ class App extends Component {
   }
 
   handleLightSaturationChange (e) {
+    if (e.target.value && e.target.value > 100) {
+      e.target.value = 100;
+    }
+    if (e.target.value && e.target.value < -100) {
+      e.target.value = -100;
+    }
     this.setState({
       lightSaturation: e.target.value
     })
   }
 
   handleDarkSaturationChange (e) {
+    if (e.target.value && e.target.value > 100) {
+      e.target.value = 100;
+    }
+    if (e.target.value && e.target.value < -100) {
+      e.target.value = -100;
+    }
     this.setState({
       darkSaturation: e.target.value
     })