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