frontend/smart-hut/src/App.js
2020-03-05 11:02:33 +01:00

94 lines
2.2 KiB
JavaScript

import React from "react";
import { Switch, Route, Redirect } from "react-router-dom";
import Home from "./views/Home";
import Dashboard from "./views/DashboardTest";
import Signup from "./views/Signup";
import Login from "./views/Login";
import ForgotPass from "./views/Forgot-password";
import ChangePass from "./views/Forgot-pass-reset";
import { call } from './client_server';
class App extends React.Component {
constructor(props) {
super(props);
let loggedIn = false;
try {
let userJsonString = localStorage.getItem("token");
if (userJsonString) {
loggedIn = true;
}
} catch (exception) {
}
this.state = {
loggedIn: loggedIn,
};
this.auth = this.auth.bind(this);
this.logout = this.logout.bind(this);
}
auth(data) {
return call.login(data.params)
.then(res => {
console.log(res);
if (res.data && res.status === 200) {
this.setState(
{
user: data.params.user,
token: res.data.jwttoken,
loggedIn: true,
}
);
localStorage.setItem("token", JSON.stringify(res.data.jwttoken));
this.props.history.push("/dashboard");
} else {
this.setState({
error: res.data.message
});
return this.state.error;
}
}).catch(err => {
console.log(err);
return {status : "Errore"};
});
};
logout() {
this.setState({
loggedIn : false,
});
localStorage.removeItem("token");
this.props.history.push("/");
};
render() {
return (
<Switch>
<Route path="/" exact component={Home} />
<Route path="/login" >
{this.state.loggedIn ? <Redirect to="/dashboard" /> : <Login auth={this.auth} />}
</Route>
<Route path="/signup" exact component={Signup} />
<Route path="/dashboard" >
{this.state.loggedIn ? <Dashboard logout={this.logout} /> : <Redirect to="/login" />}
</Route>
<Route path="/forgot-password" >
<ForgotPass />
</Route>
<Route path="/forgot-pass-change" >
<ChangePass />
</Route>
</Switch>
);
}
}
export default App;