Adding some descriptions to listing types. #341

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 &&

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} />