Inside the client\app\view-thread folder, create another folder named upload-image-modal and inside that, create two files named upload-image-modal.html and upload-image-modal.ts. Update client\app\view-thread\upload-image-modal\upload-image-modal.html as follows:
// SNIPP SNIPP<div class="modal-header"> <h4 class="modal-title">Reply with Image</h4> <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('x')"> <span aria-hidden="true">×</span> </button></div><div class="modal-body"> <div class="form-group"> <input type="file" id="file" (change)="handleFileInput($event.target.files)"> <p class="text-center mt-5 mb-0"> <img [src]="filePreviewPath" width="200" *ngIf="filePreviewPath" ...