From 4b708a80ebfb0e372c12eadd8bffc2139de5f558 Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Wed, 6 Jun 2018 16:05:03 -0500
Subject: [PATCH] add list count to tagline

ref #272
---
 src/FilterLists.Web/ClientApp/components/Home.tsx   | 11 ++++++++++-
 src/FilterLists.Web/ClientApp/components/Layout.tsx |  3 ---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 5c2fb8c9b..d143eb65d 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -24,7 +24,10 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
             ? <p>
                   <em>Loading...</em>
               </p>
-            : Home.renderFilterListsTable(this.state.filterLists);
+            : <div>
+                  {Home.renderTagline(this.state.filterLists)}
+                  {Home.renderFilterListsTable(this.state.filterLists)}
+              </div>;
         return <div>
                    {contents}
                </div>;
@@ -41,6 +44,12 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
             });
     }
 
+    private static renderTagline(filterLists: IFilterListSummaryDto[]) {
+        return <p className="ml-2 mr-2">
+                   The independent, comprehensive directory of <strong>{filterLists.length}</strong> filter and host lists for advertisements, trackers, malware, and annoyances.
+               </p>;
+    }
+
     private static renderFilterListsTable(filterLists: IFilterListSummaryDto[]) {
         return <ReactTable
                    data={filterLists}
diff --git a/src/FilterLists.Web/ClientApp/components/Layout.tsx b/src/FilterLists.Web/ClientApp/components/Layout.tsx
index fc75c5d2c..5b694ffcd 100644
--- a/src/FilterLists.Web/ClientApp/components/Layout.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Layout.tsx
@@ -13,9 +13,6 @@ export class Layout extends React.Component<ILayoutProps, {}> {
                                <img src="logo_filterlists.png" alt="FilterLists" className="img-fluid"/>
                            </a>
                        </h1>
-                       <p className="ml-2 mr-2">
-                           The independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances.
-                       </p>
                    </div>
                    <div className="row">
                        <div className="w-100">