src/app/modules/comments/card/comment.component.ts

@@ -356,9 +356,15 @@ export class CommentComponent implements OnChanges {
  this.comment.modal_source_url = this.router.url;
 
  this.overlayModal
- .create(MediaModalComponent, this.comment, {
- class: 'm-overlayModal--media',
- })
+ .create(
+ MediaModalComponent,
+ {
+ entity: this.comment,
+ },
+ {
+ class: 'm-overlayModal--media',
+ }
+ )
  .present();
  }
 }

src/app/modules/comments/comment/comment.component.ts

@@ -375,9 +375,15 @@ export class CommentComponentV2
  this.comment.modal_source_url = this.router.url;
 
  this.overlayModal
- .create(MediaModalComponent, this.comment, {
- class: 'm-overlayModal--media',
- })
+ .create(
+ MediaModalComponent,
+ {
+ entity: this.comment,
+ },
+ {
+ class: 'm-overlayModal--media',
+ }
+ )
  .present();
  }
 }

src/app/modules/media/modal/modal.component.ts

@@ -109,7 +109,7 @@ export class MediaModalComponent implements OnInit, OnDestroy {
  routerSubscription: Subscription;
 
  @Input('entity') set data(params: MediaModalParams) {
- this.entity = JSON.parse(JSON.stringify(params.entity)); // deep clone
+ this.entity = params.entity && JSON.parse(JSON.stringify(params.entity)); // deep clone
  this.redirectUrl = params.redirectUrl || null;
  }