diff --git a/console/src/app/modules/header/header.component.html b/console/src/app/modules/header/header.component.html index 94b5659516..2a1177aee9 100644 --- a/console/src/app/modules/header/header.component.html +++ b/console/src/app/modules/header/header.component.html @@ -10,20 +10,20 @@ alt="home logo" *ngIf="isDarkTheme; else customlighttheme" [src]="labelpolicy?.iconUrlDark ? labelpolicy.iconUrlDark : './assets/images/zitadel-logo-solo-light.svg'" - onerror="this.src='./assets/images/zitadel-logo-solo-light.svg';this.onerror='';" + (error)="errorHandler($event, './assets/images/zitadel-logo-solo-light.svg')" /> - + - + diff --git a/console/src/app/modules/header/header.component.ts b/console/src/app/modules/header/header.component.ts index a5e5298935..3f7fc48f69 100644 --- a/console/src/app/modules/header/header.component.ts +++ b/console/src/app/modules/header/header.component.ts @@ -67,6 +67,10 @@ export class HeaderComponent implements OnDestroy { return this.router.url === '/users/me'; } + public errorHandler(event: any, fallbackSrc: string) { + (event.target as HTMLImageElement).src = fallbackSrc; + } + public get isOnInstance(): boolean { const pages: string[] = [ '/instance',