class Login extends Component {
    constructor() {
        this.state ={
            isLoggedIn = checkAuth()
        }
    }
    handleChange = ({target}) {
        event.preventDefault()
        const username= this.state.name
        const password= this.state.password
        fetch("/login",{
          headers: new Headers({
              "Authorization": `Basic ${base64.encode(`${username}:${password}`)}`
          })
        })
        .then(response => response.json())
        .then(data => {
            console.log(data)
            localStorage.setItem('token',data.token)
            this.setState({isLoggedIn: true})
        })
    }
    render(){
        if (!state.isLoggedIn) {
          return <Redirect to={{pathname: '/home'}}/>
        } else {
            return (
              <div>
                <SignIn
                  onSubmit={this.handleSubmit}
                  onChange={this.handleChange}
                  name={this.state.name}
                  password={this.state.password}
                />
              </div>
            );
        }
    }

}