(feat): userLogin

- user should login

Author: Ugizwenayo-Divine

src/components/UserLogin.js

@@ -0,0 +1,75 @@
+import React, { Component } from 'react';
+import { Redirect } from 'react-router-dom';
+class UserLogin extends Component {
+state = {
+  email: '',
+  password: '',
+  errors: {
+    email: '',
+    password: '',
+    success:false,
+    notUser:'',
+  },
+}
+handleLoginChange = (event) => {
+  const { name, value } = event.target
+
+  this.setState({
+    [name]: value,
+  })
+  console.log('state',this.state);
+}
+submitForm = (event) => {
+    let password = this.state.password;
+    let email = this.state.email;
+  if(email.length===0 || !(new RegExp(/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,15}/g).test(email))){
+      event.preventDefault();
+      this.setState({errors:{email:'Invalid email'}});
+      return; 
+  }
+  if(password.length<8){
+      event.preventDefault();
+      this.setState({errors:{password:'wrong password'}});
+      return;
+  }
+}
+render() {
+  if(this.state.success===true){
+    return <Redirect to="/currentWeather"/>
+  }
+  return (
+    <div>
+       <form>
+              <div className="field-container">
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  className="field"
+                  required
+                  placeholder="Email"
+                  onChange={this.handleLoginChange}
+
+                /><span>{this.state.errors.email}</span>
+              </div>
+              <div className="field-container">
+                <input
+                  type="password"
+                  id="password"
+                  name="password"
+                  className="field"
+                  required
+                  placeholder="Password"
+                  onChange={this.handleLoginChange}
+
+                /><span>{this.state.errors.password}</span>
+              </div>
+              <span>{this.state.errors.notUser}</span>
+              <input type="button" onClick={this.submitForm} value="Login" />
+            </form>
+      </div>
+
+  );
+}
+}
+export default UserLogin;