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 { setIsoData } from "../../utils";
   7 import { Footer } from "./footer";
   8 import { Navbar } from "./navbar";
   9 import { NoMatch } from "./no-match";
  10 import "./styles.scss";
  11 import { Theme } from "./theme";
  12
  13 export class App extends Component<any, any> {
  14   private isoData = setIsoData(this.context);
  15   constructor(props: any, context: any) {
  16     super(props, context);
  17   }
  18   render() {
  19     let siteRes = this.isoData.site_res;
  20     let siteView = siteRes.site_view;
  21
  22     return (
  23       <>
  24         <Provider i18next={i18n}>
  25           <div id="app">
  26             <Theme defaultTheme={siteView.local_site.default_theme} />
  27             <Navbar siteRes={siteRes} />
  28             <div className="mt-4 p-0 fl-1">
  29               <Switch>
  30                 {routes.map(({ path, component }) => (
  31                   <Route key={path} path={path} exact component={component} />
  32                 ))}
  33                 <Route component={NoMatch} />
  34               </Switch>
  35             </div>
  36             <Footer site={siteRes} />
  37           </div>
  38         </Provider>
  39       </>
  40     );
  41   }
  42 }