src/shared/components/app/app.tsx

   1 import { Component } from "inferno";
   2 import { Helmet } from "inferno-helmet";
   3 import { Provider } from "inferno-i18next-dess";
   4 import { Route, Switch } from "inferno-router";
   5 import { i18n } from "../../i18next";
   6 import { routes } from "../../routes";
   7 import { favIconPngUrl, favIconUrl, setIsoData } from "../../utils";
   8 import { Footer } from "./footer";
   9 import { Navbar } from "./navbar";
  10 import { NoMatch } from "./no-match";
  11 import "./styles.scss";
  12 import { Theme } from "./theme";
  13
  14 export class App extends Component<any, any> {
  15   private isoData = setIsoData(this.context);
  16   constructor(props: any, context: any) {
  17     super(props, context);
  18   }
  19   render() {
  20     let siteRes = this.isoData.site_res;
  21     let siteView = siteRes.site_view;
  22     let icon = siteView.site.icon;
  23
  24     return (
  25       <>
  26         <Provider i18next={i18n}>
  27           <div id="app">
  28             <Theme defaultTheme={siteView.local_site.default_theme} />
  29             {icon && (
  30               <Helmet>
  31                 <link
  32                   id="favicon"
  33                   rel="shortcut icon"
  34                   type="image/x-icon"
  35                   href={icon || favIconUrl}
  36                 />
  37                 <link rel="apple-touch-icon" href={icon || favIconPngUrl} />
  38               </Helmet>
  39             )}
  40             <Navbar siteRes={siteRes} />
  41             <div className="mt-4 p-0 fl-1">
  42               <Switch>
  43                 {routes.map(({ path, component }) => (
  44                   <Route key={path} path={path} exact component={component} />
  45                 ))}
  46                 <Route component={NoMatch} />
  47               </Switch>
  48             </div>
  49             <Footer site={siteRes} />
  50           </div>
  51         </Provider>
  52       </>
  53     );
  54   }
  55 }