summaryrefslogtreecommitdiffstats
path: root/ui/src/components/sidebar.tsx
diff options
context:
space:
mode:
authorDessalines <tyhou13@gmx.com>2019-04-04 13:00:19 -0700
committerDessalines <tyhou13@gmx.com>2019-04-04 13:00:19 -0700
commitd07a1b4563b829232040c9b1156a6598f493f469 (patch)
tree41ef81c91c558f8d7841f58ce53d0bfb745863e7 /ui/src/components/sidebar.tsx
parent927cb6d35637c886df019bcbf8f2434afe63ca80 (diff)
Adding forum / community page
- Adding the page. Fixes #17. - Adding number of comments for community. - Add sorting to that table.
Diffstat (limited to 'ui/src/components/sidebar.tsx')
-rw-r--r--ui/src/components/sidebar.tsx9
1 files changed, 6 insertions, 3 deletions
diff --git a/ui/src/components/sidebar.tsx b/ui/src/components/sidebar.tsx
index 8a88b870..c8e80de6 100644
--- a/ui/src/components/sidebar.tsx
+++ b/ui/src/components/sidebar.tsx
@@ -21,10 +21,13 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
return (
<div>
<h4>{community.title}</h4>
+ <ul class="list-inline">
+ <li className="list-inline-item badge badge-light">{community.category_name}</li>
+ <li className="list-inline-item badge badge-light">{community.number_of_subscribers} Subscribers</li>
+ <li className="list-inline-item badge badge-light">{community.number_of_posts} Posts</li>
+ <li className="list-inline-item badge badge-light">{community.number_of_comments} Comments</li>
+ </ul>
<div><button type="button" class="btn btn-secondary mb-2">Subscribe</button></div>
- <div className="badge badge-light">{community.category_name}</div>
- <div>{community.number_of_subscribers} Subscribers</div>
- <div>{community.number_of_posts} Posts</div>
<hr />
{community.description && <div className="md-div" dangerouslySetInnerHTML={mdToHtml(community.description)} />}
</div>