82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
import React, { Component } from "react";
|
|
import { BrowserRouter, Switch, Route, Redirect } from "react-router-dom";
|
|
import Home from "./views/Home";
|
|
import Dashboard from "./views/Dashboard";
|
|
import Signup from "./views/Signup";
|
|
import Login from "./views/Login";
|
|
import FourOhFour from "./views/FourOhFour";
|
|
import ForgotPass from "./views/Forgot-password";
|
|
import ChangePass from "./views/Forgot-pass-reset";
|
|
import ConfirmForgotPasswrod from "./views/ConfirmForgotPassword";
|
|
import ConfirmRegistration from "./views/ConfirmRegistration";
|
|
import ConfirmResetPassword from "./views/ConfirmResetPassword";
|
|
import Instruction from "./views/Instruction";
|
|
import queryString from "query-string";
|
|
import { RemoteService } from "./remote";
|
|
import { connect } from "react-redux";
|
|
|
|
class App extends Component {
|
|
constructor(props, context) {
|
|
super(props, context);
|
|
|
|
this.state = {
|
|
query: "",
|
|
info: "",
|
|
};
|
|
}
|
|
|
|
componentDidMount() {
|
|
if (window.location) {
|
|
const values = queryString.parse(window.location.search);
|
|
this.setState({
|
|
query: values,
|
|
});
|
|
}
|
|
}
|
|
|
|
render() {
|
|
console.log("rendering root", this.props.loggedIn, this.state.query);
|
|
return (
|
|
<BrowserRouter>
|
|
<Switch>
|
|
<Route path="/" exact component={Home} />
|
|
<Route path="/login">
|
|
{this.props.loggedIn ? <Redirect to="/dashboard" /> : <Login />}
|
|
</Route>
|
|
<Route path="/signup" exact component={Signup} />
|
|
<Route path="/dashboard">
|
|
{this.props.loggedIn ? <Dashboard /> : <Redirect to="/login" />}
|
|
</Route>
|
|
<Route path="/forgot-password">
|
|
<ForgotPass />
|
|
</Route>
|
|
<Route path="/sent-email">
|
|
<ConfirmForgotPasswrod />
|
|
</Route>
|
|
<Route path="/sent-email-reg">
|
|
<ConfirmRegistration />
|
|
</Route>
|
|
<Route path="/instruction">
|
|
<Instruction />
|
|
</Route>
|
|
<Route path="/forgot-pass-reset"> </Route>
|
|
<Route path="/password-reset">
|
|
<ChangePass query={this.state.query} />
|
|
</Route>
|
|
<Route path="/conf-reset-pass">
|
|
<ConfirmResetPassword />
|
|
</Route>
|
|
<Route component={FourOhFour} />
|
|
</Switch>
|
|
</BrowserRouter>
|
|
);
|
|
}
|
|
}
|
|
|
|
const mapStateToProps = (state, _) => {
|
|
console.log("malusae react", state);
|
|
return { loggedIn: !!(state.login && state.login.loggedIn) };
|
|
};
|
|
const AppContainer = connect(mapStateToProps, RemoteService)(App);
|
|
export default AppContainer;
|