restore Syntax to details expander

closes #532

src/FilterLists.Services/Syntax/Models/SyntaxDto.cs

@@ -7,6 +7,7 @@ namespace FilterLists.Services.Syntax.Models
     public class SyntaxDto
     {
         public int Id { get; set; }
+        public string DefinitionUrl { get; set; }
         public List<int> FilterListIds { get; set; }
         public string Name { get; set; }
         public List<int> SoftwareIds { get; set; }

src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx

@@ -50,7 +50,7 @@ export const InfoCard = (props: IProps) =>
                  ? null
                  : <UpdatedDate {...props}/>}
             <PublishedDate date={props.publishedDate}/>
-            <Syntax {...props.syntax}/>
+            <Syntax {...props}/>
             { /*<License {...props.license}/>*/ }
         </ul>
     </div>;

src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Syntax.tsx

@@ -1,12 +1,17 @@
 import * as React from "react";
+import { ISyntax } from "../../../interfaces";
 
-export const Syntax = (props: any) =>
-    props.name
-    ? (props.definitionUrl
+interface IProps {
+    syntax: ISyntax;
+};
+
+export const Syntax = (props: IProps) =>
+    props.syntax
+    ? (props.syntax.definitionUrl
            ? <li className="list-group-item">
-                 <p>Syntax: <a href={props.definitionUrl}>{props.name}</a></p>
+                 <p>Syntax: <a href={props.syntax.definitionUrl}>{props.syntax.name}</a></p>
              </li>
            : <li className="list-group-item">
-                 <p>Syntax: {props.name}</p>
+                 <p>Syntax: {props.syntax.name}</p>
              </li>)
     : null;

src/FilterLists.Web/ClientApp/modules/home/interfaces/ISyntax.ts

@@ -1,5 +1,6 @@
 export interface ISyntax {
     id: number;
+    definitionUrl: string;
     filterListIds: number[];
     name: string;
     softwareIds: number[];