2020-06-29 15:07:05 +00:00
|
|
|
import React, { Suspense, lazy } from "react";
|
|
|
|
import { Router, Route, Switch } from "react-router-dom";
|
2020-09-17 07:18:44 +00:00
|
|
|
import { connect } from "react-redux";
|
2020-08-17 10:16:04 +00:00
|
|
|
import {
|
2020-09-17 07:18:44 +00:00
|
|
|
store as CommonStore,
|
|
|
|
constants,
|
2020-08-17 10:16:04 +00:00
|
|
|
history,
|
|
|
|
PrivateRoute,
|
|
|
|
PublicRoute,
|
|
|
|
Login,
|
|
|
|
Error404,
|
|
|
|
Offline,
|
2020-09-23 15:42:47 +00:00
|
|
|
ComingSoon,
|
|
|
|
NavMenu,
|
|
|
|
Main,
|
|
|
|
utils,
|
2020-10-13 13:31:21 +00:00
|
|
|
toastr,
|
2020-08-17 10:16:04 +00:00
|
|
|
} from "asc-web-common";
|
|
|
|
import Home from "./components/pages/Home";
|
|
|
|
|
|
|
|
const About = lazy(() => import("./components/pages/About"));
|
2020-06-29 15:07:05 +00:00
|
|
|
const Confirm = lazy(() => import("./components/pages/Confirm"));
|
|
|
|
const Settings = lazy(() => import("./components/pages/Settings"));
|
|
|
|
const Wizard = lazy(() => import("./components/pages/Wizard"));
|
2020-09-21 12:15:38 +00:00
|
|
|
const Payments = lazy(() => import("./components/pages/Payments"));
|
2020-09-17 07:18:44 +00:00
|
|
|
const {
|
|
|
|
setIsLoaded,
|
|
|
|
getUser,
|
|
|
|
getPortalSettings,
|
2020-09-23 15:42:47 +00:00
|
|
|
getModules,
|
2020-09-17 07:18:44 +00:00
|
|
|
} = CommonStore.auth.actions;
|
|
|
|
|
|
|
|
class App extends React.Component {
|
|
|
|
componentDidMount() {
|
2020-09-23 15:42:47 +00:00
|
|
|
utils.removeTempContent();
|
|
|
|
|
2020-09-17 07:18:44 +00:00
|
|
|
const { getPortalSettings, getUser, getModules, setIsLoaded } = this.props;
|
|
|
|
|
|
|
|
const { AUTH_KEY } = constants;
|
|
|
|
|
|
|
|
const token = localStorage.getItem(AUTH_KEY);
|
|
|
|
|
|
|
|
const requests = [];
|
|
|
|
|
|
|
|
if (!token) {
|
|
|
|
requests.push(getPortalSettings());
|
|
|
|
} else if (!window.location.pathname.includes("confirm/EmailActivation")) {
|
|
|
|
requests.push(getUser());
|
|
|
|
requests.push(getPortalSettings());
|
|
|
|
requests.push(getModules());
|
|
|
|
}
|
|
|
|
|
2020-10-13 13:31:21 +00:00
|
|
|
Promise.all(requests)
|
2020-09-23 15:42:47 +00:00
|
|
|
.catch((e) => {
|
2020-10-13 13:31:21 +00:00
|
|
|
toastr.error(e);
|
2020-09-17 08:28:23 +00:00
|
|
|
})
|
|
|
|
.finally(() => {
|
2020-10-13 13:31:21 +00:00
|
|
|
setIsLoaded();
|
2020-09-17 08:28:23 +00:00
|
|
|
});
|
2020-09-17 07:18:44 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return navigator.onLine ? (
|
|
|
|
<Router history={history}>
|
2020-09-23 15:42:47 +00:00
|
|
|
<NavMenu />
|
|
|
|
<Main>
|
2020-10-15 15:07:23 +00:00
|
|
|
<Suspense fallback={null}>
|
2020-09-17 07:18:44 +00:00
|
|
|
<Switch>
|
2020-09-25 16:14:50 +00:00
|
|
|
<Route exact path="/wizard" component={Wizard} />
|
2020-09-17 07:18:44 +00:00
|
|
|
<PublicRoute
|
|
|
|
exact
|
|
|
|
path={[
|
|
|
|
"/login",
|
|
|
|
"/login/error=:error",
|
2020-09-23 15:42:47 +00:00
|
|
|
"/login/confirmed-email=:confirmedEmail",
|
2020-09-17 07:18:44 +00:00
|
|
|
]}
|
2020-09-25 16:14:50 +00:00
|
|
|
component={Login}
|
|
|
|
/>
|
|
|
|
<Route path="/confirm" component={Confirm} />
|
|
|
|
<PrivateRoute
|
|
|
|
exact
|
|
|
|
path={["/", "/error=:error"]}
|
|
|
|
component={Home}
|
|
|
|
/>
|
|
|
|
<PrivateRoute exact path="/about" component={About} />
|
|
|
|
<PrivateRoute restricted path="/settings" component={Settings} />
|
|
|
|
<PrivateRoute
|
|
|
|
exact
|
|
|
|
path={["/coming-soon"]}
|
|
|
|
component={ComingSoon}
|
|
|
|
/>
|
2020-09-21 12:15:38 +00:00
|
|
|
<PrivateRoute path="/payments" component={Payments} />
|
2020-09-25 16:14:50 +00:00
|
|
|
<PrivateRoute component={Error404} />
|
2020-09-17 07:18:44 +00:00
|
|
|
</Switch>
|
|
|
|
</Suspense>
|
2020-09-23 15:42:47 +00:00
|
|
|
</Main>
|
2020-09-17 07:18:44 +00:00
|
|
|
</Router>
|
|
|
|
) : (
|
2020-09-07 15:26:44 +00:00
|
|
|
<Offline />
|
|
|
|
);
|
2020-09-17 07:18:44 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-23 15:42:47 +00:00
|
|
|
const mapStateToProps = (state) => {
|
2020-09-17 07:18:44 +00:00
|
|
|
const { modules, isLoaded, settings } = state.auth;
|
2020-09-25 16:14:50 +00:00
|
|
|
const { organizationName } = settings;
|
2020-09-17 07:18:44 +00:00
|
|
|
return {
|
|
|
|
modules,
|
|
|
|
isLoaded,
|
2020-09-23 15:42:47 +00:00
|
|
|
organizationName,
|
2020-09-17 07:18:44 +00:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2020-09-23 15:42:47 +00:00
|
|
|
const mapDispatchToProps = (dispatch) => {
|
2020-09-17 07:18:44 +00:00
|
|
|
return {
|
|
|
|
getPortalSettings: () => getPortalSettings(dispatch),
|
|
|
|
getUser: () => getUser(dispatch),
|
|
|
|
getModules: () => getModules(dispatch),
|
2020-09-23 15:42:47 +00:00
|
|
|
setIsLoaded: () => dispatch(setIsLoaded(true)),
|
2020-09-17 07:18:44 +00:00
|
|
|
};
|
2020-06-29 15:07:05 +00:00
|
|
|
};
|
|
|
|
|
2020-09-23 15:42:47 +00:00
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(App);
|