password length limit added

TroddenSpade · Apr 14, 2019 · 18024c2 · 18024c2
1 parent b3d8561
commit 18024c2
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 37 deletions.
diff --git a/src/components/login/signin.js b/src/components/login/signin.js
@@ -70,24 +70,27 @@ class Signin extends React.Component {
  `Fill Out Empty Fields !`
  );
  } else {
- const data = {
- email: this.state.email.trim().toLowerCase(),
- password: this.state.password
- };
- this.props
- .signinUser(data,
- res => {
- if (this.state.autoSignIn) {
- setTokens(res.user);
- }
- },
- e =>
- this.dropdown.alertWithType(
- "error",
- "Error !",
- `${e}`
- )
+ if (this.state.password.length < 6 || this.state.password.length > 20) {
+ this.dropdown.alertWithType(
+ "error",
+ "Error !",
+ `Password must contain between 6 and 20 characters.`
  );
+ } else {
+ const data = {
+ email: this.state.email.trim().toLowerCase(),
+ password: this.state.password
+ };
+ this.props.signinUser(
+ data,
+ res => {
+ if (this.state.autoSignIn) {
+ setTokens(res.user);
+ }
+ },
+ e => this.dropdown.alertWithType("error", "Error !", `${e}`)
+ );
+ }
  }
  };
 
@@ -180,7 +183,7 @@ class Signin extends React.Component {
  onPress={() =>
  this.props.navigation.navigate("signUp", {
  successHandler: () =>
- this.dropdown.alertWithType(
+  this.dropdown.alertWithType(
  "success",
  "Welcome!",
  "you have signed up successfully."

diff --git a/src/components/login/signup.js b/src/components/login/signup.js
@@ -59,7 +59,7 @@ class Signup extends React.Component {
  signup = () => {
  const { navigation } = this.props;
  const successHandler = navigation.getParam("successHandler");
- 
+
  if (this.state.email.length == 0) {
  this.dropdown.alertWithType("error", "Enter an Email", "Try Again !");
  } else if (this.state.username.length == 0) {
@@ -74,22 +74,30 @@ class Signup extends React.Component {
  "Try Again !"
  );
  } else {
- const data = {
- email: this.state.email.trim().toLowerCase(),
- password: this.state.password,
- username: this.state.username.trim().toLowerCase(),
- avatar: `${uiAvatar}${this.state.username}`,
- bio: ""
- };
- this.props
- .registerUser(data)
- .then(() => {
- successHandler();
- this.props.navigation.navigate("signIn");
- })
- .catch(e => {
- this.dropdown.alertWithType("error", "Error !", e);
- });
+ if (this.state.password.length < 6 || this.state.password.length > 20) {
+ this.dropdown.alertWithType(
+ "error",
+ "Error !",
+ `Password must contain between 6 and 20 characters.`
+ );
+ } else {
+ const data = {
+ email: this.state.email.trim().toLowerCase(),
+ password: this.state.password,
+ username: this.state.username.trim().toLowerCase(),
+ avatar: `${uiAvatar}${this.state.username}`,
+ bio: ""
+ };
+ this.props
+ .registerUser(data)
+ .then(() => {
+ successHandler();
+ this.props.navigation.navigate("signIn");
+ })
+ .catch(e => {
+ this.dropdown.alertWithType("error", "Error !", e);
+ });
+ }
  }
  }
  };
@@ -213,7 +221,7 @@ const styles = StyleSheet.create({
  backgroundColor: "white",
  width: 300,
  height: 50,
- marginBottom: 10 ,
- marginTop:20,
+ marginBottom: 10,
+ marginTop: 20
  }
 });