Merge branch 'fix-enabling-video-mediaviewer-without-image-mediaviewer-7.2' into fix-enabling-video-mediaviewer-without-image-mediaviewer-main

Author: alexandrevryghem

src/app/item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnInit } from '@angular/core';
 import { NgxGalleryImage, NgxGalleryOptions } from '@kolkov/ngx-gallery';
 import { MediaViewerItem } from '../../../core/shared/media-viewer-item.model';
 import { NgxGalleryAnimation } from '@kolkov/ngx-gallery';
@@ -20,8 +20,9 @@ export class MediaViewerImageComponent implements OnChanges, OnInit {
 
   thumbnailPlaceholder = './assets/images/replacement_image.svg';
 
-  galleryOptions: NgxGalleryOptions[];
-  galleryImages: NgxGalleryImage[];
+  galleryOptions: NgxGalleryOptions[] = [];
+
+  galleryImages: NgxGalleryImage[] = [];
 
   /**
    * Whether or not the current user is authenticated
@@ -33,9 +34,7 @@ export class MediaViewerImageComponent implements OnChanges, OnInit {
   ) {
   }
 
-  ngOnChanges(changes: SimpleChanges): void {
-    this.image = changes.image.currentValue;
-    this.preview = changes.preview.currentValue;
+  ngOnChanges(): void {
     this.galleryOptions = [
       {
         preview: this.preview !== undefined ? this.preview : true,
@@ -66,6 +65,7 @@ export class MediaViewerImageComponent implements OnChanges, OnInit {
 
   ngOnInit(): void {
     this.isAuthenticated$ = this.authService.isAuthenticated();
+    this.ngOnChanges();
   }
 
   /**