#885 fix other thumbnail

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);
+    }
   }
 
   /**

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>

src/app/+item-page/media-viewer/media-viewer.component.scss

@@ -1,8 +1 @@
-.media-viewer{
+
-  width: 340px;
-  height: 279px;
-  img{
-    width: 100%;
-    height: 100%;
-  }
-}