ui/src/index.tsx

   1 import { render, Component } from 'inferno';
   2 import { BrowserRouter, Route, Switch } from 'inferno-router';
   3 import { Provider } from 'inferno-i18next';
   4 import { Main } from './components/main';
   5 import { Navbar } from './components/navbar';
   6 import { Footer } from './components/footer';
   7 import { Login } from './components/login';
   8 import { CreatePost } from './components/create-post';
   9 import { CreateCommunity } from './components/create-community';
  10 import { CreatePrivateMessage } from './components/create-private-message';
  11 import { PasswordChange } from './components/password_change';
  12 import { Post } from './components/post';
  13 import { Community } from './components/community';
  14 import { Communities } from './components/communities';
  15 import { User } from './components/user';
  16 import { Modlog } from './components/modlog';
  17 import { Setup } from './components/setup';
  18 import { AdminSettings } from './components/admin-settings';
  19 import { Inbox } from './components/inbox';
  20 import { Search } from './components/search';
  21 import { Sponsors } from './components/sponsors';
  22 import { Instances } from './components/instances';
  23 import { Symbols } from './components/symbols';
  24 import { i18n } from './i18next';
  25
  26 const container = document.getElementById('app');
  27
  28 class Index extends Component<any, any> {
  29   constructor(props: any, context: any) {
  30     super(props, context);
  31   }
  32
  33   render() {
  34     return (
  35       <Provider i18next={i18n}>
  36         <BrowserRouter>
  37           <div>
  38             <Navbar />
  39             <div class="mt-4 p-0 fl-1">
  40               <Switch>
  41                 <Route exact path={`/`} component={Main} />
  42                 <Route
  43                   path={`/home/data_type/:data_type/listing_type/:listing_type/sort/:sort/page/:page`}
  44                   component={Main}
  45                 />
  46                 <Route path={`/login`} component={Login} />
  47                 <Route path={`/create_post`} component={CreatePost} />
  48                 <Route path={`/create_community`} component={CreateCommunity} />
  49                 <Route
  50                   path={`/create_private_message`}
  51                   component={CreatePrivateMessage}
  52                 />
  53                 <Route
  54                   path={`/communities/page/:page`}
  55                   component={Communities}
  56                 />
  57                 <Route path={`/communities`} component={Communities} />
  58                 <Route
  59                   path={`/post/:id/comment/:comment_id`}
  60                   component={Post}
  61                 />
  62                 <Route path={`/post/:id`} component={Post} />
  63                 <Route
  64                   path={`/c/:name/data_type/:data_type/sort/:sort/page/:page`}
  65                   component={Community}
  66                 />
  67                 <Route path={`/community/:id`} component={Community} />
  68                 <Route path={`/c/:name`} component={Community} />
  69                 <Route
  70                   path={`/u/:username/view/:view/sort/:sort/page/:page`}
  71                   component={User}
  72                 />
  73                 <Route path={`/user/:id`} component={User} />
  74                 <Route path={`/u/:username`} component={User} />
  75                 <Route path={`/inbox`} component={Inbox} />
  76                 <Route
  77                   path={`/modlog/community/:community_id`}
  78                   component={Modlog}
  79                 />
  80                 <Route path={`/modlog`} component={Modlog} />
  81                 <Route path={`/setup`} component={Setup} />
  82                 <Route path={`/admin`} component={AdminSettings} />
  83                 <Route
  84                   path={`/search/q/:q/type/:type/sort/:sort/page/:page`}
  85                   component={Search}
  86                 />
  87                 <Route path={`/search`} component={Search} />
  88                 <Route path={`/sponsors`} component={Sponsors} />
  89                 <Route
  90                   path={`/password_change/:token`}
  91                   component={PasswordChange}
  92                 />
  93                 <Route path={`/instances`} component={Instances} />
  94               </Switch>
  95               <Symbols />
  96             </div>
  97             <Footer />
  98           </div>
  99         </BrowserRouter>
 100       </Provider>
 101     );
 102   }
 103 }
 104
 105 render(<Index />, container);