auth comonent

gistfile1.txt

class MatchWhenAuthorized extends Component {
  constructor(props) {
    super();
    console.log(props);
    this.props = props;
    this.state = {
      isAuthenticated: false,
    }
    
  
  }
  
  componentWillMount() {
    Firebase.auth().onAuthStateChanged((user) => {
      this.setState({
        isAuthenticated: user ? true : false,
      });
    });
  }
  
  render() {
    const { isAuthenticated } = this.state;
    const props = this.props;

    return (
      <Match {...props} render={props => (
        isAuthenticated ? (
          <this.props.component {...this.props}/>
        ) : (
          <Redirect to={{
            pathname: '/login',
            state: { from: props.location }
          }}/>
        )
      )}/>
    );
  }
}