From 1a5d43523a78e4940f6bab266b8a4c461a836f57 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Sun, 19 Jul 2026 22:04:13 +0400
Subject: [PATCH] fix(catalog): translate product-card stock badge and
 action-button labels

P0-1: stock badge rendered the raw item.remainings value ('High',
etc) untranslated on every product card sitewide. Now maps to
catalog.stockHigh/Medium/Low/Out via the translate pipe; the 'out'
class check is now case-insensitive to match.

P0-2: favorite/share/quick-view action-button aria-labels rendered
literal 'catalog.favorite'/'catalog.share'/'catalog.quickView' keys
because they never existed in translations.ts/en.ts/ru.ts/hy.ts
(only catalog.compare existed, and it was likewise unused). Added
all 4 keys to the Translations interface and all 3 locales.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../product-card/product-card.component.html          |  2 +-
 .../components/product-card/product-card.component.ts | 11 +++++++++++
 src/app/i18n/en.ts                                    |  8 ++++++++
 src/app/i18n/hy.ts                                    |  8 ++++++++
 src/app/i18n/ru.ts                                    |  8 ++++++++
 src/app/i18n/translations.ts                          |  8 ++++++++
 6 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/app/components/product-card/product-card.component.html b/src/app/components/product-card/product-card.component.html
index e499317..ad90796 100644
--- a/src/app/components/product-card/product-card.component.html
+++ b/src/app/components/product-card/product-card.component.html
@@ -6,7 +6,7 @@
         <div class="discount-badge" [attr.aria-label]="'Discount ' + item.discount + '%'">-{{ item.discount }}%</div>
       }
       @if (showStock && item.remainings) {
-        <span class="stock-badge" [class.out]="item.remainings === 'out'">{{ item.remainings }}</span>
+        <span class="stock-badge" [class.out]="item.remainings.toLowerCase() === 'out'">{{ stockLabelKey(item.remainings) | translate }}</span>
       }
 
       @if (showFavoriteControl() || showCompareControl() || showShareAction || showQuickViewPlaceholder) {
diff --git a/src/app/components/product-card/product-card.component.ts b/src/app/components/product-card/product-card.component.ts
index d795665..3b2a9bb 100644
--- a/src/app/components/product-card/product-card.component.ts
+++ b/src/app/components/product-card/product-card.component.ts
@@ -6,6 +6,13 @@ import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { getBadgeClass, getDiscountedPrice, getMainImage } from '../../utils/item.utils';
 
+const STOCK_LABEL_KEYS: Record<string, string> = {
+  high: 'catalog.stockHigh',
+  medium: 'catalog.stockMedium',
+  low: 'catalog.stockLow',
+  out: 'catalog.stockOut'
+};
+
 export type ProductCardAppearance = 'standard' | 'compact';
 
 @Component({
@@ -83,6 +90,10 @@ export class ProductCardComponent {
     this.shareRequested.emit(this.item.itemID);
   }
 
+  stockLabelKey(remainings: string): string {
+    return STOCK_LABEL_KEYS[remainings.toLowerCase()] ?? STOCK_LABEL_KEYS['high'];
+  }
+
   showFavoriteControl(): boolean {
     return this.showFavoriteAction || this.showFavoritePlaceholder;
   }
diff --git a/src/app/i18n/en.ts b/src/app/i18n/en.ts
index 493453c..f35262d 100644
--- a/src/app/i18n/en.ts
+++ b/src/app/i18n/en.ts
@@ -261,6 +261,14 @@ export const en: Translations = {
     filterColor: 'Color',
     filterSize: 'Size',
     filterAttributes: 'Attributes',
+    favorite: 'Add to favorites',
+    compare: 'Compare',
+    share: 'Share',
+    quickView: 'Quick view',
+    stockHigh: 'In stock',
+    stockMedium: 'Limited stock',
+    stockLow: 'Almost gone',
+    stockOut: 'Out of stock',
   },
   productDetails: {
     loading: 'Loading product...',
diff --git a/src/app/i18n/hy.ts b/src/app/i18n/hy.ts
index 6d1dd02..710118b 100644
--- a/src/app/i18n/hy.ts
+++ b/src/app/i18n/hy.ts
@@ -261,6 +261,14 @@ export const hy: Translations = {
     filterColor: 'Գույն',
     filterSize: 'Չափ',
     filterAttributes: 'Հատկանիշներ',
+    favorite: 'Ավելացնել ընտրյալներում',
+    compare: 'Համեմատել',
+    share: 'Կիսվել',
+    quickView: 'Արագ դիտում',
+    stockHigh: 'Առկա է',
+    stockMedium: 'Սահմանափակ քանակ',
+    stockLow: 'Գրեթե սպառված է',
+    stockOut: 'Առկա չէ',
   },
   productDetails: {
     loading: 'Ապրանքի բեռնում...',
diff --git a/src/app/i18n/ru.ts b/src/app/i18n/ru.ts
index dff95a1..898e1e2 100644
--- a/src/app/i18n/ru.ts
+++ b/src/app/i18n/ru.ts
@@ -261,6 +261,14 @@ export const ru: Translations = {
     filterColor: 'Цвет',
     filterSize: 'Размер',
     filterAttributes: 'Атрибуты',
+    favorite: 'В избранное',
+    compare: 'Сравнить',
+    share: 'Поделиться',
+    quickView: 'Быстрый просмотр',
+    stockHigh: 'В наличии',
+    stockMedium: 'Ограниченно',
+    stockLow: 'Почти распродано',
+    stockOut: 'Нет в наличии',
   },
   productDetails: {
     loading: 'Загрузка товара...',
diff --git a/src/app/i18n/translations.ts b/src/app/i18n/translations.ts
index 5c463ed..b646c8e 100644
--- a/src/app/i18n/translations.ts
+++ b/src/app/i18n/translations.ts
@@ -259,6 +259,14 @@ export interface Translations {
     filterColor: string;
     filterSize: string;
     filterAttributes: string;
+    favorite: string;
+    compare: string;
+    share: string;
+    quickView: string;
+    stockHigh: string;
+    stockMedium: string;
+    stockLow: string;
+    stockOut: string;
   };
   productDetails: {
     loading: string;