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
  23     return (
  24       <>
  25         <Provider i18next={i18n}>
  26           <div>
  27             <Theme defaultTheme={siteView.map(s => s.site.default_theme)} />
  28             {siteView
  29               .andThen(s => s.site.icon)
  30               .match({
  31                 some: icon => (
  32                   <Helmet>
  33                     <link
  34                       id="favicon"
  35                       rel="shortcut icon"
  36                       type="image/x-icon"
  37                       href={icon || favIconUrl}
  38                     />
  39                     <link rel="apple-touch-icon" href={icon || favIconPngUrl} />
  40                   </Helmet>
  41                 ),
  42                 none: <></>,
  43               })}
  44             <Navbar siteRes={siteRes} />
  45             <div className="mt-4 p-0 fl-1">
  46               <Switch>
  47                 {routes.map(({ path, exact, component: C, ...rest }) => (
  48                   <Route
  49                     key={path}
  50                     path={path}
  51                     exact={exact}
  52                     render={props => <C {...props} {...rest} />}
  53                   />
  54                 ))}
  55                 <Route render={props => <NoMatch {...props} />} />
  56               </Switch>
  57             </div>
  58             <Footer site={siteRes} />
  59           </div>
  60         </Provider>
  61       </>
  62     );
  63   }
  64 }