From 893852cbb1b7f48b988b07320c3469021c4df340 Mon Sep 17 00:00:00 2001 From: sdarbinyan Date: Sun, 19 Jul 2026 23:29:14 +0400 Subject: [PATCH] fix(storefront): polish catalog MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix broken markup in the empty-category state: app-catalog-empty-state self-closed one line early, leaving (secondaryAction)="goToParentCategory()" as an orphaned line outside any tag — Angular rendered it as literal text on the page and the handler was never wired to the component. Add missing :focus-visible states to catalog-empty-state action/chip buttons, matching the pattern already used by sibling catalog components. Co-Authored-By: Claude Sonnet 5 --- .../catalog-empty-state/catalog-empty-state.component.scss | 6 ++++++ .../catalog/containers/catalog-container.component.html | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss b/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss index 414783d..c9f4525 100644 --- a/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss +++ b/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss @@ -70,6 +70,12 @@ transform: translateY(-1px); } +.catalog-empty-state__action:focus-visible, +.catalog-empty-state__chip:focus-visible { + outline: 2px solid var(--primary-color); + outline-offset: 2px; +} + .catalog-empty-state__action.secondary { background: transparent; color: var(--text-secondary); diff --git a/src/app/features/website/catalog/containers/catalog-container.component.html b/src/app/features/website/catalog/containers/catalog-container.component.html index 96e885b..e427a12 100644 --- a/src/app/features/website/catalog/containers/catalog-container.component.html +++ b/src/app/features/website/catalog/containers/catalog-container.component.html @@ -180,7 +180,7 @@ [message]="'catalog.emptyCategoryMessage' | translate" [actionLabel]="'catalog.browseCategories' | translate" [secondaryActionLabel]="'catalog.goToParentCategory' | translate" - (action)="browseCategories()" /> + (action)="browseCategories()" (secondaryAction)="goToParentCategory()" /> } @else if (isFilteredEmptyState()) {