From e1e56803ba48e16f423cc3e4f710251389cf0fed Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Sat, 24 Mar 2018 16:29:51 -0500
Subject: [PATCH] add License to list details in UI

---
 .../ClientApp/components/ListDetails.tsx      | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index 3dddb8a63..06941f5c8 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}/>
+               <License license={props.details.license}/>
                <div className="btn-group" role="group">
                    <SubscribeUrl url={props.details.viewUrl} name={props.details.name}/>
                    <ViewUrl url={props.details.viewUrl} name={props.details.name}/>
@@ -66,14 +67,14 @@ function Languages(props: any) {
     return props.languages.length > 0
         ? props.languages.length > 1
         ? <div>
-              <h3>Languages:</h3>
+              <p>Languages:</p>
               <ul>
                   {props.languages.map(
                       (language: any) => <li>{language}</li>)}
               </ul>
           </div>
         : <div>
-              <h3>Language:</h3>
+              <p>Language:</p>
               <ul>
                   {props.languages.map(
                       (language: any) => <li>{language}</li>)}
@@ -90,6 +91,14 @@ function DiscontinuedDate(props: any) {
     return props.date ? <p>Discontinued: {props.date}</p> : null;
 }
 
+function License(props: any) {
+    return props.license
+        ? (props.license.descriptionUrl
+            ? <p>License: <a href={props.license.descriptionUrl}>{props.license.name}</a></p>
+            : <p>License: {props.license.name}</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-expander-link"
@@ -242,6 +251,7 @@ interface IFilterListDetailsDto {
     homeUrl: string;
     issuesUrl: string;
     languages: string[];
+    license: IListLicenseDto;
     maintainers: IListMaintainerDto[];
     policyUrl: string;
     publishedDate: string;
@@ -249,6 +259,11 @@ interface IFilterListDetailsDto {
     viewUrl: string;
 }
 
+interface IListLicenseDto {
+    descriptionUrl: number;
+    name: string;
+}
+
 interface IListMaintainerDto {
     id: number;
     emailAddress: string;