From 0c626b87c29a9269c271a880bda613169bff8938 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 17 Feb 2018 12:35:52 -0600
Subject: [PATCH] add filter by name, other minor cleanup

---
 .../ClientApp/components/Home.tsx             | 19 ++++++++-----------
 .../ClientApp/components/ListDetailsModal.tsx |  4 +---
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 179a33474..197c5112c 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -34,27 +34,24 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
         return <ReactTable
                    data={filterLists}
                    columns={[
-                       {
-                           Header: "Id",
-                           accessor: "id",
-                           maxWidth: 50
-                       },
                        {
                            Header: "Name",
-                           accessor: "name"
+                           accessor: "name",
+                           filterable: true,
+                           filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase().startsWith(filter.value.toUpperCase())
                        },
                        {
                            Header: "Details",
-                           accessor: "id",
-                           Cell: (d: any) => <ListDetailsModal listId={d.value}/>,
+                           sortable: false,
+                           Cell: (rowInfo: any) => <ListDetailsModal listId={rowInfo.original.id}/>,
                            style: { textAlign: "center" },
                            width: 100
                        },
                        {
                            Header: "Subscribe",
-                           accessor: "viewUrl",
-                           Cell: (d: any) => <a
-                               href={`abp:subscribe?location=${encodeURIComponent(d.value)}&amp;title=${encodeURIComponent(d.row.name)}`}
+                           sortable: false,
+                           Cell: (rowInfo: any) => <a
+                               href={`abp:subscribe?location=${encodeURIComponent(rowInfo.row.viewUrl)}&amp;title=${encodeURIComponent(rowInfo.row.name)}`}
                                className="btn btn-primary btn-block"
                                title={"Subscribe to list with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus)."}>
                                Subscribe</a>,
diff --git a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
index 0bf599192..277095658 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
@@ -68,9 +68,7 @@ function Name(props: any) {
 function Description(props: any) {
     if (props.description) {
         if (props.url) {
-            return <p>
-                       <blockquote cite={props.url}>{props.description}</blockquote>
-                   </p>;
+            return <blockquote cite={props.url}>{props.description}</blockquote>;
         } else {
             return <p>{props.description}</p>;
         }