From 63e3e3aaa9cf74568664bf18638e7863f5b83d4c Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Mon, 19 Jul 2021 10:53:07 -0400
Subject: [PATCH] Adding some descriptions to listing types. #341

---
 .../components/common/listing-type-select.tsx       |  3 +++
 src/shared/components/home/home.tsx                 | 13 +++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/common/listing-type-select.tsx b/src/shared/components/common/listing-type-select.tsx
index 23c5bbfd..1493f649 100644
--- a/src/shared/components/common/listing-type-select.tsx
+++ b/src/shared/components/common/listing-type-select.tsx
@@ -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 &&
diff --git a/src/shared/components/home/home.tsx b/src/shared/components/home/home.tsx
index a351484b..3a749014 100644
--- a/src/shared/components/home/home.tsx
+++ b/src/shared/components/home/home.tsx
@@ -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} />