ui/src/index.tsx

   1 import { render, Component } from 'inferno';
   2 import { HashRouter, Route, Switch } from 'inferno-router';
   3
   4 import { Navbar } from './components/navbar';
   5 import { Home } from './components/home';
   6 import { Login } from './components/login';
   7 import { CreatePost } from './components/create-post';
   8 import { CreateCommunity } from './components/create-community';
   9
  10 import './main.css';
  11
  12 import { WebSocketService, UserService } from './services';
  13
  14 const container = document.getElementById('app');
  15
  16 class Index extends Component<any, any> {
  17
  18   constructor(props, context) {
  19     super(props, context);
  20     WebSocketService.Instance;
  21     UserService.Instance;
  22   }
  23
  24   render() {
  25     return (
  26       <HashRouter>
  27         <Navbar />
  28         <div class="mt-3 p-0">
  29           <Switch>
  30             <Route exact path="/" component={Home} />
  31             <Route path={`/login`} component={Login} />
  32             <Route path={`/create_post`} component={CreatePost} />
  33             <Route path={`/create_community`} component={CreateCommunity} />
  34             {/*
  35             <Route path={`/search/:type_/:q/:page`} component={Search} />
  36             <Route path={`/submit`} component={Submit} />
  37             <Route path={`/user/:id`} component={Login} />
  38             <Route path={`/community/:id`} component={Login} />
  39             */}
  40           </Switch>
  41         </div>
  42       </HashRouter>
  43     );
  44   }
  45 }
  46
  47 render(<Index />, container);