fix(frontend:links): fallback to default MIME URL when origin MIME URL is not found

Author: johaven

frontend/src/app/applications/links/components/public/public-link.component.html

@@ -13,7 +13,7 @@
   <div class="d-flex flex-column align-content-center">
     <div (click)="followLink()" class="resource d-flex flex-column align-items-center mt-3 mx-auto cursor-pointer">
       @if (mimeUrl) {
-        <img [src]="mimeUrl" alt="" height="96" class="no-select-pointer">
+        <img [src]="mimeUrl" alt="" height="96" class="no-select-pointer" (error)="fallBackMimeUrl()">
       } @else {
         <fa-icon [icon]="icons.SPACES" class="circle-primary-icon" [fixedWidth]="false" style="min-width: 128px; min-height: 128px; font-size: 64px"></fa-icon>
       }

frontend/src/app/applications/links/components/public/public-link.component.ts

@@ -9,7 +9,7 @@ import { ActivatedRoute, Data, Params, RouterLink } from '@angular/router'
 import { FaIconComponent } from '@fortawesome/angular-fontawesome'
 import { SpaceLink } from '@sync-in-server/backend/src/applications/links/interfaces/link-space.interface'
 import { L10N_LOCALE, L10nLocale, L10nTranslateDirective, L10nTranslatePipe } from 'angular-l10n'
-import { getAssetsMimeUrl, logoUrl, mimeDirectory, mimeDirectoryShare } from '../../../files/files.constants'
+import { defaultMimeUrl, getAssetsMimeUrl, logoUrl, mimeDirectory, mimeDirectoryShare } from '../../../files/files.constants'
 import { SPACES_ICON } from '../../../spaces/spaces.constants'
 import { LinksService } from '../../services/links.service'
 
@@ -43,4 +43,8 @@ export class PublicLinkComponent {
   followLink() {
     this.linksService.linkAccess(this.linkUUID, this.link)
   }
+
+  fallBackMimeUrl() {
+    this.mimeUrl = defaultMimeUrl
+  }
 }