diff --git a/employeemanagement/src/components/auth/SignIn.js b/employeemanagement/src/components/auth/SignIn.js index 4f5acfe49ebb3de8895c9ad9af6e1edb38b0903b..770701a442250299c5d35ddfa575f34e3c5bf20f 100644 --- a/employeemanagement/src/components/auth/SignIn.js +++ b/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, } } diff --git a/employeemanagement/src/store/reducers/authReducer.js b/employeemanagement/src/store/reducers/authReducer.js index 3994be203ecdd408a29c274b030837f418fdfffe..74e057e595cc2eded9b3372f6b714ae06203d5c5 100644 --- a/employeemanagement/src/store/reducers/authReducer.js +++ b/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'