LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-25 13:51:13 +00:00
Code Issues Projects Releases Wiki Activity

Adding some descriptions to listing types. #341

Browse source
This commit is contained in:
Dessalines 2021-07-19 10:53:07 -04:00
parent 4586518b20
commit 63e3e3aaa9
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/shared/components/common/listing-type-select.tsx
View file

@ -40,6 +40,7 @@ export class ListingTypeSelect extends Component<
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"}
${
@ -61,6 +62,7 @@ export class ListingTypeSelect extends Component<
</label>
{this.props.showLocal && (
<label
title={i18n.t("local_description")}
className={`pointer btn btn-outline-secondary ${
this.state.type_ == ListingType.Local && "active"
}`}
@ -76,6 +78,7 @@ export class ListingTypeSelect extends Component<
</label>
)}
<label
title={i18n.t("all_description")}
className={`pointer btn btn-outline-secondary ${
(this.state.type_ == ListingType.All && "active") ||
(!this.props.showLocal &&

13
src/shared/components/home/home.tsx
View file

@ -373,6 +373,7 @@ export class Home extends Component<any, HomeState> {
<div class="card-body">
{this.trendingCommunities()}
{this.createCommunityButton()}
{this.exploreCommunitiesButton()}
</div>
</div>
@ -394,12 +395,20 @@ export class Home extends Component<any, HomeState> {
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>
@ -411,7 +420,7 @@ export class Home extends Component<any, HomeState> {
</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} />