SignIn finalized! successfully link with firebase DB

employeemanagement/src/components/auth/SignIn.js

@@ -21,7 +21,7 @@ class Signin extends Component {
         this.props.signIn(this.state);
     }
     render(){
-        console.log(this.props);
+        const { authError } = this.props;
         return(
             <div className="Login">
                <div className="login-wrap">
@@ -38,7 +38,9 @@ class Signin extends Component {
                             <input type="password" className="form-control" id="password" onChange={this.handleChange} placeholder="Enter password" name="pwd" />
                         </div>
                         <button className="btn btn-primary">Submit</button>
-                        
+                        <div className="form-group">                  
+                            { authError ?<label className="error text-danger">{authError} </label>: null}
+                        </div>
                     </form>
                 </div>
             </div>
@@ -47,10 +49,9 @@ class Signin extends Component {
 }
 
 const mapStateToProps = (state) => {
-    console.log(state);
+    //console.log(state.authError);
     return {
-        //authError: state.auth.authError,
-        auth: state.firebase.auth
+        authError: state.authError,
     }
 }
 

employeemanagement/src/store/reducers/authReducer.js

@@ -3,7 +3,7 @@ const initState = {}
 const authReducer = (state = initState, action) => {
     switch (action.type) {
         case 'LOGIN_FAIL':
-            //console.log('Login error');
+            console.log(state);
             return {
                 ...state,
                 authError: 'Login Failed'