From 92abf042da86513e7dc25bca78063f8424368077 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 24 Mar 2018 10:39:03 -0500
Subject: [PATCH] add Subscribe back to details if on xs

---
 src/FilterLists.Web/ClientApp/components/ListDetails.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index e50cbda24..c8b0b628f 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -38,6 +38,7 @@ function FilterListDetails(props: any) {
                <Languages languages={props.details.languages}/>
                <PublishedDate date={props.details.publishedDate}/>
                <DiscontinuedDate date={props.details.discontinuedDate}/>
+               <SubscribeUrl url={props.details.viewUrl} name={props.details.name}/>
                <ViewUrl url={props.details.viewUrl} name={props.details.name}/>
                <HomeUrl url={props.details.homeUrl} name={props.details.name}/>
                <PolicyUrl url={props.details.policyUrl} name={props.details.name}/>
@@ -81,6 +82,14 @@ function DiscontinuedDate(props: any) {
     return props.date ? <p>Discontinued: {props.date}</p> : null;
 }
 
+function SubscribeUrl(props: any) {
+    return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
+              className="visible-xs btn btn-primary btn-bloc"
+              title={ `Subscribe to ${props.name} with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus).` }>
+               Subscribe
+           </a >;
+}
+
 function ViewUrl(props: any) {
     return <a href={props.url} className="btn btn-primary btn-block" title={`View ${props.name} in its raw format.`}>
                View