34 lines
904 B
TypeScript
34 lines
904 B
TypeScript
|
import { Component, linkEvent } from 'inferno';
|
||
|
|
import { Community } from '../interfaces';
|
||
|
|
import { mdToHtml } from '../utils';
|
||
|
|
|
||
|
|
interface SidebarProps {
|
||
|
|
community: Community;
|
||
|
|
}
|
||
|
|
|
||
|
|
interface SidebarState {
|
||
|
|
}
|
||
|
|
|
||
|
|
export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||
|
|
|
||
|
|
constructor(props, context) {
|
||
|
|
super(props, context);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
render() {
|
||
|
|
let community = this.props.community;
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<h4>{community.title}</h4>
|
||
|
|
<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>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|