return (
<div class="btn-group btn-group-toggle flex-wrap mb-2">
<label
+ title={i18n.t("subscribed_description")}
className={`btn btn-outline-secondary
${this.state.type_ == ListingType.Subscribed && "active"}
${
</label>
{this.props.showLocal && (
<label
+ title={i18n.t("local_description")}
className={`pointer btn btn-outline-secondary ${
this.state.type_ == ListingType.Local && "active"
}`}
</label>
)}
<label
+ title={i18n.t("all_description")}
className={`pointer btn btn-outline-secondary ${
(this.state.type_ == ListingType.All && "active") ||
(!this.props.showLocal &&
<div class="card-body">
{this.trendingCommunities()}
{this.createCommunityButton()}
+ {this.exploreCommunitiesButton()}
</div>
</div>
createCommunityButton() {
return (
- <Link className="btn btn-secondary btn-block" to="/create_community">
+ <Link className="mt-2 btn btn-secondary btn-block" to="/create_community">
{i18n.t("create_a_community")}
</Link>
);
}
+ exploreCommunitiesButton() {
+ return (
+ <Link className="btn btn-secondary btn-block" to="/communities">
+ {i18n.t("explore_communities")}
+ </Link>
+ );
+ }
+
trendingCommunities() {
return (
<div>
</Link>
</T>
</h5>
- <ul class="list-inline">
+ <ul class="list-inline mb-0">
{this.state.trendingCommunities.map(cv => (
<li class="list-inline-item d-inline-block">
<CommunityLink community={cv.community} />