Adding images for external ids

src/app/show-details/show-details.component.html

@@ -56,6 +56,11 @@
 	<div class="row pt-3">
 		<div class="col">
 			<p class="text-justify overview">{{this.show.overview}}</p>
+            <ul>
+                <li class="provider" *ngFor="let id of this.show.externalIDs">
+                    <a [href]="id.link"><img class="provider-icon" [src]="id.provider.logo" [alt]="id.provider.name"/></a>
+                </li>
+            </ul>
 		</div>
 		<hr class="d-none d-sm-block">
 		<div class="col-3 d-none d-sm-block">

src/app/show-details/show-details.component.scss

@@ -150,3 +150,17 @@ hr
 {
 	opacity: .8;
 }
+
+.provider
+{
+	display: inline;
+	width: 4rem;
+	height: 4rem;
+	margin: .5rem;
+}
+
+.provider-icon
+{
+	max-width: 4rem;
+	max-height: 4rem;
+}

src/models/show.ts

@@ -21,5 +21,5 @@ export interface Show
 	startYear: number;
 	endYear : number;
 
-	externalIDs: string;
+	externalIDs: [string, string][];
 }