diff --git a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx index 34d6b1e5f..9e872211c 100644 --- a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx +++ b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx @@ -40,10 +40,12 @@ export default class ListDetailsModal extends React.Component { return
+ shouldCloseOnOverlayClick={true}> + className="btn btn-danger btn-block" id="close-modal"> + Close +
; } @@ -57,14 +59,14 @@ function FilterListDetails(props: any) { - - - - - - - - + + + + + + + + ; } @@ -106,20 +108,20 @@ function DiscontinuedDate(props: any) { function SubscribeUrl(props: any) { return + title={`Subscribe to ${props.name} with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus).`}> Subscribe ; } function ViewUrl(props: any) { - return + return View ; } function HomeUrl(props: any) { return props.url - ? + ? Home : null; @@ -128,7 +130,7 @@ function HomeUrl(props: any) { function PolicyUrl(props: any) { return props.url ? + title={`View the policy for which rules ${props.name} includes.`}> Policy : null; @@ -136,7 +138,7 @@ function PolicyUrl(props: any) { function DonateUrl(props: any) { return props.url - ? + ? Donate : null; @@ -144,7 +146,7 @@ function DonateUrl(props: any) { function IssuesUrl(props: any) { return props.url - ? + ? GitHub Issues : null; @@ -152,7 +154,7 @@ function IssuesUrl(props: any) { function ForumUrl(props: any) { return props.url - ? + ? Forum : null; @@ -161,7 +163,7 @@ function ForumUrl(props: any) { function SubmissionUrl(props: any) { return props.url ? + title={`Submit a new rule to be included in ${props.name}.`}> Submit New Rule : null; @@ -169,7 +171,7 @@ function SubmissionUrl(props: any) { function EmailAddress(props: any) { return props.email - ? + ? Email : null; @@ -178,39 +180,65 @@ function EmailAddress(props: any) { function Maintainers(props: any) { return props.maintainers.length > 0 ?
-

Maintainers

- {props.maintainers.map( - (maintainer: any) => )} +
+

Maintainers

+
+
+ {props.maintainers.map( + (maintainer: any) => )} +
: null; } function Maintainer(props: any) { return
-

{props.maintainer.name}

- {props.maintainer.homeUrl - ?

- Home -

- : null} - {props.maintainer.emailAddress - ?

- Email -

- : null} - {props.maintainer.twitterHandle - ?

- Twitter -

- : null} +
+

{props.maintainer.name}

+
+
+ {props.maintainer.homeUrl + ?

+ + Home + +

+ : null} + {props.maintainer.emailAddress + ?

+ + Email + +

+ : null} + {props.maintainer.twitterHandle + ?

+ + Twitter + +

+ : null} + {props.maintainer.additionalLists.length > 0 + ?
+

More by {props.maintainer.name}

+
    {props.maintainer.additionalLists.map( + (list: any) => )} +
+
+ : null } +
; } +function MaintainerAdditionalList(props: any) { + return
  • {props.list.name}
  • ; +} + interface IFilterListDetailsDto { description: string; descriptionSourceUrl: string;