Fix my-video-imports display when a video gets deleted

diff --git a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
index 9226643381c4246b2600b3f199edecd2e02bab26..b67c053e6ae7bc8c9bbac831a4872c1faed8b6b5 100644 (file)
--- a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
+++ b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
@@ -28,13 +28,14 @@
         </ng-template>
       </td>
 
-      <td *ngIf="isVideoImportPending(videoImport)">
-        {{ videoImport.video?.name }}
-      </td>
-      <td *ngIf="isVideoImportSuccess(videoImport) && videoImport.video">
-        <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video?.name }}</a>
+      <td>
+        <ng-container *ngIf="isVideoImportPending(videoImport)">{{ videoImport.video?.name }}</ng-container>
+        <ng-container *ngIf="isVideoImportSuccess(videoImport) && videoImport.video">
+          <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video?.name }}</a>
+        </ng-container>
+        <ng-container *ngIf="isVideoImportSuccess(videoImport) && !videoImport.video" i18n>This video was deleted</ng-container>
+        <ng-container *ngIf="isVideoImportFailed(videoImport)"></ng-container>
       </td>
-      <td *ngIf="isVideoImportFailed(videoImport)"></td>
 
       <td>{{ videoImport.state.label }}</td>
       <td>{{ videoImport.createdAt }}</td>