From 263c12e8f23fb9aa68a8260f7febddcfda41bfd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=A1niel=20P=C3=A9ter=20Sipos?= <dsipos@monguz.hu>
Date: Tue, 3 Nov 2020 13:27:17 +0100
Subject: [PATCH] #885 fix other thumbnail

---
 .../media-viewer-image.component.ts                | 14 +++++++++++++-
 .../media-viewer/media-viewer.component.html       |  2 +-
 .../media-viewer/media-viewer.component.scss       |  9 +--------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts b/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
index 7dbef894cd..ae9dc7b927 100644
--- a/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
+++ b/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
@@ -12,6 +12,7 @@ import { NgxGalleryAnimation } from '@kolkov/ngx-gallery';
 })
 export class MediaViewerImageComponent implements OnInit {
   @Input() images: MediaViewerItem[];
+  @Input() image: string;
 
   galleryOptions: NgxGalleryOptions[];
   galleryImages: NgxGalleryImage[];
@@ -32,7 +33,18 @@ export class MediaViewerImageComponent implements OnInit {
         imageAnimation: NgxGalleryAnimation.Slide,
       },
     ];
-    this.galleryImages = this.convertToGalleryImage(this.images);
+
+    if (this.image) {
+      this.galleryImages = [
+        {
+          small: this.image,
+          medium: this.image,
+          big: this.image,
+        },
+      ];
+    } else {
+      this.galleryImages = this.convertToGalleryImage(this.images);
+    }
   }
 
   /**
diff --git a/src/app/+item-page/media-viewer/media-viewer.component.html b/src/app/+item-page/media-viewer/media-viewer.component.html
index 60af6887ae..c6f0468e85 100644
--- a/src/app/+item-page/media-viewer/media-viewer.component.html
+++ b/src/app/+item-page/media-viewer/media-viewer.component.html
@@ -22,7 +22,7 @@
         mediaList[0]?.format !== 'audio'
       "
     >
-      <img [src]="mediaList[0]?.thumbnail || thumbnailPlaceholder" alt="" />
+      <ds-media-viewer-image [image]="mediaList[0]?.thumbnail || thumbnailPlaceholder"></ds-media-viewer-image>
     </ng-container>
   </div>
 </ng-container>
diff --git a/src/app/+item-page/media-viewer/media-viewer.component.scss b/src/app/+item-page/media-viewer/media-viewer.component.scss
index c2b7823e6c..8b13789179 100644
--- a/src/app/+item-page/media-viewer/media-viewer.component.scss
+++ b/src/app/+item-page/media-viewer/media-viewer.component.scss
@@ -1,8 +1 @@
-.media-viewer{
-  width: 340px;
-  height: 279px;
-  img{
-    width: 100%;
-    height: 100%;
-  }
-}
+