lemmy/ui/src/index.tsx

71 lines
2.7 KiB
TypeScript
Raw Normal View History

import { render, Component } from 'inferno';
import { HashRouter, BrowserRouter, Route, Switch } from 'inferno-router';
import { Main } from './components/main';
import { Navbar } from './components/navbar';
2019-04-16 23:04:23 +00:00
import { Footer } from './components/footer';
import { Login } from './components/login';
import { CreatePost } from './components/create-post';
import { CreateCommunity } from './components/create-community';
import { Post } from './components/post';
import { Community } from './components/community';
import { Communities } from './components/communities';
import { User } from './components/user';
import { Modlog } from './components/modlog';
2019-04-16 23:04:23 +00:00
import { Setup } from './components/setup';
2019-04-20 18:17:00 +00:00
import { Inbox } from './components/inbox';
2019-04-23 22:05:50 +00:00
import { Search } from './components/search';
2019-04-24 03:17:02 +00:00
import { Sponsors } from './components/sponsors';
import { Symbols } from './components/symbols';
import './css/bootstrap.min.css';
import './css/main.css';
import { WebSocketService, UserService } from './services';
const container = document.getElementById('app');
class Index extends Component<any, any> {
constructor(props: any, context: any) {
super(props, context);
WebSocketService.Instance;
UserService.Instance;
}
render() {
return (
<HashRouter>
<Navbar />
<div class="mt-3 p-0">
<Switch>
<Route path="/home/type/:type/sort/:sort/page/:page" component={Main} />
<Route exact path="/" component={Main} />
<Route path={`/login`} component={Login} />
<Route path={`/create_post`} component={CreatePost} />
<Route path={`/create_community`} component={CreateCommunity} />
<Route path={`/communities`} component={Communities} />
<Route path={`/post/:id/comment/:comment_id`} component={Post} />
<Route path={`/post/:id`} component={Post} />
<Route path="/f/:name/sort/:sort/page/:page" component={Community} />
<Route path={`/community/:id`} component={Community} />
<Route path={`/f/:name`} component={Community} />
<Route path={`/user/:id`} component={User} />
<Route path={`/u/:username`} component={User} />
2019-04-20 18:17:00 +00:00
<Route path={`/inbox`} component={Inbox} />
2019-04-16 23:04:23 +00:00
<Route path={`/modlog/community/:community_id`} component={Modlog} />
<Route path={`/modlog`} component={Modlog} />
2019-04-16 23:04:23 +00:00
<Route path={`/setup`} component={Setup} />
2019-04-23 22:05:50 +00:00
<Route path={`/search`} component={Search} />
2019-04-24 03:17:02 +00:00
<Route path={`/sponsors`} component={Sponsors} />
</Switch>
<Symbols />
</div>
2019-04-16 23:04:23 +00:00
<Footer />
</HashRouter>
);
}
2019-04-06 22:49:51 +00:00
}
render(<Index />, container);