From 931b5e2de450478ddedabb9adc99143cadbe976e Mon Sep 17 00:00:00 2001
From: Rajakumardev <rajakumarofficial@gmail.com>
Date: Wed, 7 Oct 2020 18:49:33 +0530
Subject: [PATCH] border max value changed to 50, also
 maxBorderValidationCheck() function added to prevent user to type value >than
 50

---
 src/components/ConfigCover.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ConfigCover.js b/src/components/ConfigCover.js
index 66c33d0..2645b42 100644
--- a/src/components/ConfigCover.js
+++ b/src/components/ConfigCover.js
@@ -41,7 +41,12 @@ class ConfigCover extends React.Component {
 	getRandomTheme = (theme, Pattern) => {
 		this.setState({ bgColor: theme.bgColor, borderColor: theme.bdColor, pattern: Pattern });
 	}
-
+	//this function will set the max border value to 50 if user types a value greater than 50
+	maxBorderValidationCheck = (e) => {
+		if(e.target.value > 50) {
+			e.target.value = 50;
+		}
+	}
 	render() {
 		return (
 			<div className="main-container">
@@ -118,7 +123,7 @@ class ConfigCover extends React.Component {
 						<div className="d-flex flex-row">
 							<div className="input-sm">
 								<label>Size</label>
-								<input type="number" max="200" className="form-control " value={this.state.borderSize} onChange={(e) => this.setState({ borderSize: e.target.value })} />
+								<input type="number" max="50" onInput = {this.maxBorderValidationCheck} className="form-control " value={this.state.borderSize} onChange={(e) => this.setState({ borderSize: e.target.value })} />
 							</div>
 
 							<div className="input-sm">