fix localization on page not found

2 files changed, 10 insertions, 14 deletions

diff --git a/client/src/app/+page-not-found/page-not-found.component.html b/client/src/app/+page-not-found/page-not-found.component.html
index efd3cc9f9..1e25e4495 100644
--- a/client/src/app/+page-not-found/page-not-found.component.html
+++ b/client/src/app/+page-not-found/page-not-found.component.html
@@ -3,8 +3,9 @@
     <strong>{{ status }}.</strong>
     <span class="ml-1 text-muted" i18n>That's an error.</span>
 
-    <div class="text mt-4" i18n>
-      We couldn't find any {{ getRessourceName() }} tied to the URL {{ pathname }} you were looking for.
+    <div class="text mt-4">
+      <ng-container *ngIf="type === 'video'" i18n>We couldn't find any video tied to the URL {{ pathname }} you were looking for.</ng-container>
+      <ng-container *ngIf="type !== 'video'" i18n>We couldn't find any resource tied to the URL {{ pathname }} you were looking for.</ng-container>
     </div>
 
     <div class="text-muted mt-4">
@@ -12,7 +13,10 @@
 
       <ul>
         <li i18n>You may have used an outdated or broken link</li>
-        <li i18n>The {{ getRessourceName() }} may have been moved or deleted</li>
+        <li>
+          <ng-container *ngIf="type === 'video'" i18n>The video may have been moved or deleted</ng-container>
+          <ng-container *ngIf="type !== 'video'" i18n>The resource may have been moved or deleted</ng-container>
+        </li>
         <li i18n>You may have typed the address or URL incorrectly</li>
       </ul>
     </div>
@@ -22,8 +26,9 @@
     <strong>{{ status }}.</strong>
     <span class="ml-1 text-muted" i18n>You are not authorized here.</span>
 
-    <div class="text mt-4" i18n>
-      You might need to check your account is allowed by the {{ getRessourceName() }} or instance owner.
+    <div class="text mt-4">
+      <ng-container *ngIf="type === 'video'" i18n>You might need to check your account is allowed by the video or instance owner.</ng-container>
+      <ng-container *ngIf="type !== 'video'" i18n>You might need to check your account is allowed by the resource or instance owner.</ng-container>
     </div>
   </div>
 
diff --git a/client/src/app/+page-not-found/page-not-found.component.ts b/client/src/app/+page-not-found/page-not-found.component.ts
index 9302201ea..94b4c8d27 100644
--- a/client/src/app/+page-not-found/page-not-found.component.ts
+++ b/client/src/app/+page-not-found/page-not-found.component.ts
@@ -32,15 +32,6 @@ export class PageNotFoundComponent implements OnInit {
     return window.location.pathname
   }
 
-  getRessourceName () {
-    switch (this.type) {
-      case 'video':
-        return $localize`video`
-      default:
-        return $localize`ressource`
-    }
-  }
-
   getMascotName () {
     switch (this.status) {
       case HttpStatusCode.I_AM_A_TEAPOT_418: