add list count to tagline

ref #272
This commit is contained in:
Collin Barrett 2018-06-06 16:05:03 -05:00
parent 55e19b1589
commit 4b708a80eb
2 changed files with 10 additions and 4 deletions

View file

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

View file

@ -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">