src/shared/components/app/app.tsx

   1 import { Component } from "inferno";
   2 import { Provider } from "inferno-i18next-dess";
   3 import { Route, Switch } from "inferno-router";
   4 import { i18n } from "../../i18next";
   5 import { routes } from "../../routes";
   6 import { isAuthPath, setIsoData } from "../../utils";
   7 import AuthGuard from "../common/auth-guard";
   8 import ErrorGuard from "../common/error-guard";
   9 import { ErrorPage } from "./error-page";
  10 import { Footer } from "./footer";
  11 import { Navbar } from "./navbar";
  12 import "./styles.scss";
  13 import { Theme } from "./theme";
  14
  15 export class App extends Component<any, any> {
  16   private isoData = setIsoData(this.context);
  17   constructor(props: any, context: any) {
  18     super(props, context);
  19   }
  20   render() {
  21     const siteRes = this.isoData.site_res;
  22     const siteView = siteRes.site_view;
  23
  24     return (
  25       <>
  26         <Provider i18next={i18n}>
  27           <div id="app">
  28             <Theme defaultTheme={siteView.local_site.default_theme} />
  29             <Navbar siteRes={siteRes} />
  30             <div className="mt-4 p-0 fl-1">
  31               <Switch>
  32                 {routes.map(({ path, component: RouteComponent }) => (
  33                   <Route
  34                     key={path}
  35                     path={path}
  36                     exact
  37                     component={routeProps => (
  38                       <ErrorGuard>
  39                         {RouteComponent &&
  40                           (isAuthPath(path ?? "") ? (
  41                             <AuthGuard>
  42                               <RouteComponent {...routeProps} />
  43                             </AuthGuard>
  44                           ) : (
  45                             <RouteComponent {...routeProps} />
  46                           ))}
  47                       </ErrorGuard>
  48                     )}
  49                   />
  50                 ))}
  51                 <Route component={ErrorPage} />
  52               </Switch>
  53             </div>
  54             <Footer site={siteRes} />
  55           </div>
  56         </Provider>
  57       </>
  58     );
  59   }
  60 }