fix(i18n): correct translation keys and localization in shop pages

TiZorii · ViktorSvertoka · commit b6c666bace7c · 2026-01-29T17:36:05.000+02:00
- Replace confusing error.order with success.orderLabel in checkout success page
  heading
  - Localize boolean stockRestored display (yes/no instead of true/false) in order
  details
  - Fix active state detection for shop category links in mobile menu using search
  params
  - Add missing translation keys (orderLabel, yes, no) to all locales (en, uk, pl)
diff --git a/frontend/app/[locale]/shop/checkout/error/page.tsx b/frontend/app/[locale]/shop/checkout/error/page.tsx
@@ -136,7 +136,7 @@ export default async function CheckoutErrorPage({
             id="checkout-error-title"
             className="text-2xl font-bold text-foreground"
           >
-            {t('errors.unableToLoadOrder')}
+            {t('errors.unableToLoad')}
           </h1>
           <p className="mt-2 text-sm text-muted-foreground">
             {t('errors.tryAgainLater')}
@@ -219,7 +219,7 @@ export default async function CheckoutErrorPage({
               href={`/shop/checkout/payment/${order.id}`}
               className="inline-flex items-center justify-center rounded-md bg-accent px-4 py-2 text-sm font-semibold uppercase tracking-wide text-accent-foreground hover:bg-accent/90"
             >
-              {t('actions.retryPayment')}
+              {t('error.retryPayment')}
             </Link>
           ) : null}
 
diff --git a/frontend/app/[locale]/shop/checkout/success/page.tsx b/frontend/app/[locale]/shop/checkout/success/page.tsx
@@ -168,7 +168,7 @@ export default async function CheckoutSuccessPage({
           id="order-title"
           className="mt-2 text-3xl font-bold text-foreground"
         >
-          {t('error.order')} #{order.id.slice(0, 8)}
+          {t('success.orderLabel')} #{order.id.slice(0, 8)}
         </h1>
 
         <p className="mt-2 text-sm text-muted-foreground">
diff --git a/frontend/app/[locale]/shop/orders/[id]/page.tsx b/frontend/app/[locale]/shop/orders/[id]/page.tsx
@@ -114,7 +114,7 @@ export default async function OrderDetailPage({
   const user = await getCurrentUser();
   if (!user) {
     redirect(
-      `/${locale}/login?next=${encodeURIComponent(
+      `/${locale}/login?returnTo=${encodeURIComponent(
         `/${locale}/shop/orders/${id}`
       )}`
     );
@@ -284,7 +284,7 @@ export default async function OrderDetailPage({
             <div>
               <dt className="text-xs opacity-80">{t('stockRestored')}</dt>
               <dd className="text-sm">
-                {order.stockRestored ? 'true' : 'false'}
+                {order.stockRestored ? t('yes') : t('no')}
               </dd>
             </div>
             <div>
diff --git a/frontend/app/[locale]/shop/orders/page.tsx b/frontend/app/[locale]/shop/orders/page.tsx
@@ -113,7 +113,7 @@ export default async function MyOrdersPage({
 
   const user = await getCurrentUser();
   if (!user) {
-    redirect(`/login?next=${encodeURIComponent(`/shop/orders`)}`);
+    redirect(`/${locale}/login?returnTo=${encodeURIComponent(`/${locale}/shop/orders`)}`);
   }
 
   let rows: Array<{
diff --git a/frontend/components/header/AppMobileMenu.tsx b/frontend/components/header/AppMobileMenu.tsx
@@ -3,6 +3,7 @@
 import { Menu, X, LogIn, ShoppingBag, Home } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 import { Link, usePathname } from '@/i18n/routing';
 
 import { SITE_LINKS } from '@/lib/navigation';
@@ -30,6 +31,8 @@ export function AppMobileMenu({
   const tCategories = useTranslations('shop.catalog.categories');
   const tProducts = useTranslations('shop.products');
   const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const currentCategory = searchParams.get('category');
   const [open, setOpen] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
 
@@ -59,10 +62,10 @@ export function AppMobileMenu({
   }, [open]);
 
   const shopLinks = useMemo(() => [
-    { href: '/shop/products', label: tProducts('title') },
-    { href: '/shop/products?category=apparel', label: tCategories('apparel') },
-    { href: '/shop/products?category=lifestyle', label: tCategories('lifestyle') },
-    { href: '/shop/products?category=collectibles', label: tCategories('collectibles') },
+    { href: '/shop/products', label: tProducts('title'), category: null },
+    { href: '/shop/products?category=apparel', label: tCategories('apparel'), category: 'apparel' },
+    { href: '/shop/products?category=lifestyle', label: tCategories('lifestyle'), category: 'lifestyle' },
+    { href: '/shop/products?category=collectibles', label: tCategories('collectibles'), category: 'collectibles' },
   ], [tProducts, tCategories]);
 
   const links = useMemo(() => {
@@ -147,16 +150,20 @@ export function AppMobileMenu({
                   <HeaderButton href="/" icon={Home} onClick={close}>
                     {t('home')}
                   </HeaderButton>
-                  {links.map(link => (
-                    <Link
-                      key={link.href}
-                      href={link.href}
-                      onClick={close}
-                      className={linkClass(pathname === link.href)}
-                    >
-                      {'labelKey' in link ? t(link.labelKey) : link.label}
-                    </Link>
-                  ))}
+                  {links.map(link => {
+                    const isActive = pathname === '/shop/products' &&
+                      ('category' in link ? link.category === currentCategory : currentCategory === null);
+                    return (
+                      <Link
+                        key={link.href}
+                        href={link.href}
+                        onClick={close}
+                        className={linkClass(isActive)}
+                      >
+                        {'labelKey' in link ? t(link.labelKey) : link.label}
+                      </Link>
+                    );
+                  })}
                 </>
               ) : null}
 
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
@@ -454,7 +454,9 @@
     "checkout": {
       "errors": {
         "missingOrderId": "Missing order id",
+        "missingOrderIdDescription": "We couldn't identify your order. Please return to your cart or browse products.",
         "orderNotFound": "Order not found",
+        "orderNotFoundDescription": "We couldn't find this order. It may have been removed or never existed.",
         "invalidOrder": "Invalid order",
         "unableToLoad": "Unable to load order",
         "unableToCheckout": "Unable to start checkout right now.",
@@ -469,6 +471,7 @@
       },
       "success": {
         "title": "Thank you for your order",
+        "orderLabel": "Order",
         "received": "We've received your order.",
         "paymentConfirmed": "Payment has been confirmed.",
         "paymentProcessing": "Payment is still being processed. This page will update automatically.",
@@ -482,13 +485,18 @@
       },
       "error": {
         "paymentFailed": "Payment failed",
+        "paymentFailedDescription": "The payment for this order was not completed. You can try again or contact support.",
         "paymentUnclear": "Payment status unclear",
+        "paymentUnclearDescription": "We could not confirm a payment failure for this order.",
         "notCompleted": "The payment for this order was not completed. You can try again or contact support.",
         "couldNotConfirm": "We could not confirm a payment failure for this order.",
         "orderDetails": "Order details",
         "order": "Order",
+        "orderLabel": "Order",
         "total": "Total",
+        "totalLabel": "Total",
         "status": "Status",
+        "statusLabel": "Status",
         "backToCart": "Back to cart",
         "retryPayment": "Retry payment",
         "continueShopping": "Continue shopping"
@@ -563,7 +571,9 @@
         "product": "Product: {productId}",
         "quantity": "Quantity",
         "unitPrice": "Unit price",
-        "lineTotal": "Line total"
+        "lineTotal": "Line total",
+        "yes": "Yes",
+        "no": "No"
       }
     }
   },
diff --git a/frontend/messages/pl.json b/frontend/messages/pl.json
@@ -454,7 +454,9 @@
     "checkout": {
       "errors": {
         "missingOrderId": "Brak identyfikatora zamówienia",
+        "missingOrderIdDescription": "Nie mogliśmy zidentyfikować twojego zamówienia. Wróć do koszyka lub przeglądaj produkty.",
         "orderNotFound": "Zamówienie nie znalezione",
+        "orderNotFoundDescription": "Nie mogliśmy znaleźć tego zamówienia. Mogło zostać usunięte lub nigdy nie istniało.",
         "invalidOrder": "Nieprawidłowe zamówienie",
         "unableToLoad": "Nie można załadować zamówienia",
         "unableToCheckout": "Nie można rozpocząć procesu zakupu.",
@@ -469,6 +471,7 @@
       },
       "success": {
         "title": "Dziękujemy za zamówienie",
+        "orderLabel": "Zamówienie",
         "received": "Otrzymaliśmy twoje zamówienie.",
         "paymentConfirmed": "Płatność została potwierdzona.",
         "paymentProcessing": "Płatność jest nadal przetwarzana. Ta strona zaktualizuje się automatycznie.",
@@ -482,13 +485,18 @@
       },
       "error": {
         "paymentFailed": "Płatność nie powiodła się",
+        "paymentFailedDescription": "Płatność za to zamówienie nie została zakończona. Możesz spróbować ponownie lub skontaktować się z pomocą.",
         "paymentUnclear": "Status płatności nieznany",
+        "paymentUnclearDescription": "Nie mogliśmy potwierdzić błędu płatności dla tego zamówienia.",
         "notCompleted": "Płatność za to zamówienie nie została zakończona. Możesz spróbować ponownie lub skontaktować się z pomocą.",
         "couldNotConfirm": "Nie mogliśmy potwierdzić błędu płatności dla tego zamówienia.",
         "orderDetails": "Szczegóły zamówienia",
         "order": "Zamówienie",
+        "orderLabel": "Zamówienie",
         "total": "Razem",
+        "totalLabel": "Razem",
         "status": "Status",
+        "statusLabel": "Status",
         "backToCart": "Wróć do koszyka",
         "retryPayment": "Spróbuj ponownie",
         "continueShopping": "Kontynuuj zakupy"
@@ -563,7 +571,9 @@
         "product": "Produkt: {productId}",
         "quantity": "Ilość",
         "unitPrice": "Cena jednostkowa",
-        "lineTotal": "Suma wiersza"
+        "lineTotal": "Suma wiersza",
+        "yes": "Tak",
+        "no": "Nie"
       }
     }
   },
diff --git a/frontend/messages/uk.json b/frontend/messages/uk.json
@@ -454,7 +454,9 @@
     "checkout": {
       "errors": {
         "missingOrderId": "Відсутній ідентифікатор замовлення",
+        "missingOrderIdDescription": "Ми не змогли ідентифікувати ваше замовлення. Будь ласка, поверніться до кошика або перегляньте товари.",
         "orderNotFound": "Замовлення не знайдено",
+        "orderNotFoundDescription": "Ми не змогли знайти це замовлення. Можливо, його було видалено або воно ніколи не існувало.",
         "invalidOrder": "Недійсне замовлення",
         "unableToLoad": "Не вдається завантажити замовлення",
         "unableToCheckout": "Не вдається розпочати оформлення замовлення зараз.",
@@ -469,6 +471,7 @@
       },
       "success": {
         "title": "Дякуємо за ваше замовлення",
+        "orderLabel": "Замовлення",
         "received": "Ми отримали ваше замовлення.",
         "paymentConfirmed": "Оплату підтверджено.",
         "paymentProcessing": "Оплата все ще обробляється. Ця сторінка оновиться автоматично.",
@@ -482,13 +485,18 @@
       },
       "error": {
         "paymentFailed": "Помилка оплати",
+        "paymentFailedDescription": "Оплату цього замовлення не завершено. Ви можете спробувати ще раз або зв'язатися з підтримкою.",
         "paymentUnclear": "Статус оплати неясний",
+        "paymentUnclearDescription": "Ми не змогли підтвердити помилку оплати для цього замовлення.",
         "notCompleted": "Оплату цього замовлення не завершено. Ви можете спробувати ще раз або зв'язатися з підтримкою.",
         "couldNotConfirm": "Ми не змогли підтвердити помилку оплати для цього замовлення.",
         "orderDetails": "Деталі замовлення",
         "order": "Замовлення",
+        "orderLabel": "Замовлення",
         "total": "Всього",
+        "totalLabel": "Всього",
         "status": "Статус",
+        "statusLabel": "Статус",
         "backToCart": "Назад до кошика",
         "retryPayment": "Повторити оплату",
         "continueShopping": "Продовжити покупки"
@@ -563,7 +571,9 @@
         "product": "Товар: {productId}",
         "quantity": "Кількість",
         "unitPrice": "Ціна за одиницю",
-        "lineTotal": "Всього за рядок"
+        "lineTotal": "Всього за рядок",
+        "yes": "Так",
+        "no": "Ні"
       }
     }
   },

Original file line number	Diff line number	Diff line change
`@@ -168,7 +168,7 @@ export default async function CheckoutSuccessPage({`
`168`	`168`	`id="order-title"`
`169`	`169`	`className="mt-2 text-3xl font-bold text-foreground"`
`170`	`170`	`>`
`171`		`- {t('error.order')} #{order.id.slice(0, 8)}`
	`171`	`+ {t('success.orderLabel')} #{order.id.slice(0, 8)}`
`172`	`172`	`</h1>`
`173`	`173`
`174`	`174`	`<p className="mt-2 text-sm text-muted-foreground">`
Original file line number	Diff line number	Diff line change
`@@ -113,7 +113,7 @@ export default async function MyOrdersPage({`
`113`	`113`
`114`	`114`	`const user = await getCurrentUser();`
`115`	`115`	`if (!user) {`
`116`		- redirect(`/login?next=${encodeURIComponent(`/shop/orders`)}`);
	`116`	+ redirect(`/${locale}/login?returnTo=${encodeURIComponent(`/${locale}/shop/orders`)}`);
`117`	`117`	`}`
`118`	`118`
`119`	`119`	`let rows: Array<{`