Successful Login but its not Redirecting

[jansoriano-dev]

Hi, I'm already at the part 7 of the video tutorial, and I was able to Login but it's not redirecting to the dashboard.

import React, { Component } from 'react';
import { Link, Redirect } from "react-router-dom";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import { login } from "../../actions/auth";

export class Login extends Component {
state = {
username:"",
password:""
};

static propTypes = {
    login: PropTypes.func.isRequired,
    isAutheticated: PropTypes.bool
};

onSubmit = e => {
    e.preventDefault();
    this.props.login(this.state.username, this.state.password);
};

onChange = e => this.setState({ [e.target.name]: e.target.value });

render() {
    if(this.props.isAutheticated) {
        return <Redirect to="/" />;
    }
    const { username, password } = this.state;
    return (
        <div className ="col-md-6-m-auto">
            <div className="card card-body mt-5">
                <h2 className="text-center">Login</h2>
                <form onSubmit={this.onSubmit}>
                    <div className="form-group">
                        <label>Username</label>
                        <input type="text" className="form-control"
                        name="username"
                        onChange={this.onChange}
                        value={username} />
                    </div>
                    <div className="form-group">
                        <label>Password</label>
                        <input type="password" className="form-control"
                        name="password"
                        onChange={this.onChange}
                        value={password} />
                    </div>
                    <div className="form-group">
                        <button type="submit" className="btn btn-primary">Login</button>
                    </div>
                    <p>
                        Don't have an account? <Link to="/register">Register</Link>
                    </p>
                </form>
            </div>
        </div>
    );
}

}

const mapStateToProps = state => ({
isAutheticated: state.auth.isAutheticated
});

export default connect(mapStateToProps, { login })(Login);

[cpinamtz]

As I suggested in the issue #13, please check how you've spelt the auth.isAuthenticated variable inside the PrivateRoute.js. Ensure that all the React code use the same naming. Otherwise, it will happen that, a constant back and forth between / and /login paths.

[jansoriano-dev]

Thanks, I'll check it out.

…

On Thu, Jul 2, 2020 at 12:05 AM Carlos Piña Martinez < ***@***.***> wrote: As I suggested in the issue #13 <#13>, please check how you've spelt the auth.isAuthenticated variable inside the PrivateRoute.js. Ensure that all the React code use the same naming. Otherwise, it will happen that, a constant back and forth between / and /login paths. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#16 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANB2VIKHTQRW57Q73TLLBHDRZNNEBANCNFSM4JABKB2A> .

[TomNewton1]

I am not being redirected after successfully logging in. It doesn't seem like the following code is actually rendering again once the user has logged in:

if (this.props.isAuthenticated) {
return
}

I have console logged it and this bit of code doesn't actually get called after the user has logged in. Is anyone else having this issue?