diff options
Diffstat (limited to 'ui/src/components/sidebar.tsx')
-rw-r--r-- | ui/src/components/sidebar.tsx | 9 |
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> |