fix(storefront): create missing footer payment-icon assets
bootstrap.json's footer.paymentIcons referenced /assets/images/ mir-logo.svg, visa-logo.svg, mastercard-logo.svg - none of that directory's files existed until the RC-02 placeholder fix, and these three were still missing. Site-wide broken-image icons in every page footer. Added neutral labeled-badge SVGs (not reproductions of the actual trademarked logo artwork) at the exact referenced paths, plus an onerror fallback on the footer <img> for defense in depth.
This commit is contained in:
@@ -29,7 +29,7 @@
|
||||
<h4>{{ 'footer.payment' | translate }}</h4>
|
||||
<div class="app-footer__payments">
|
||||
@for (icon of paymentIcons(); track $index) {
|
||||
<img [src]="icon.src" [alt]="icon.alt" loading="lazy" [width]="icon.width" [height]="icon.height" />
|
||||
<img [src]="icon.src" [alt]="icon.alt" loading="lazy" [width]="icon.width" [height]="icon.height" (error)="onImageError($event)" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -6,6 +6,7 @@ import { UiRuntimeFacade } from '../../facades/runtime/ui-runtime.facade';
|
||||
import { LangRoutePipe } from '../../pipes/lang-route.pipe';
|
||||
import { FooterPaymentIcon, FooterResolvedGroup, FooterResolverService } from '../../core/config/footer-resolver.service';
|
||||
import { ConfigService } from '../../core/config/config.service';
|
||||
import { onImageError } from '../../utils/item.utils';
|
||||
|
||||
@Component({
|
||||
selector: 'app-footer',
|
||||
@@ -15,6 +16,8 @@ import { ConfigService } from '../../core/config/config.service';
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
})
|
||||
export class FooterComponent {
|
||||
readonly onImageError = onImageError;
|
||||
|
||||
readonly footerGroups = signal<FooterResolvedGroup[]>([]);
|
||||
readonly paymentIcons = signal<FooterPaymentIcon[]>([]);
|
||||
readonly copyrightText = signal('');
|
||||
|
||||
Reference in New Issue
Block a user