From 694ec8508b1ef8d8b242b2f778ec810c216eafdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=8D?= <nikola.derezic@gmail.com>
Date: Sun, 14 Sep 2025 22:31:03 +0200
Subject: [PATCH] feat: add multilingual support for print preview empty state
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add i18n support for empty state when no barcode data is found:

**English translations:**
- "No Barcode Data Found"
- "No bills with 2D barcodes found for {yearMonth}"

**Croatian translations:**
- "Nema Podataka o Barkodovima"
- "Nema računa s 2D barkodovima za {yearMonth}"

**Implementation:**
- Add translation keys to messages/en.json and messages/hr.json
- Update server component to fetch empty state translations
- Use proper next-intl parameter passing for yearMonth variable
- Replace hardcoded English text with localized translations

Empty state now displays correct language based on URL locale:
- /en/print/2025/01 → English empty state message
- /hr/print/2025/01 → Croatian empty state message

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/[locale]/print/[year]/[month]/page.tsx | 9 ++++++---
 messages/en.json                           | 4 +++-
 messages/hr.json                           | 4 +++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/[locale]/print/[year]/[month]/page.tsx b/app/[locale]/print/[year]/[month]/page.tsx
index 028117b..d8b736e 100644
--- a/app/[locale]/print/[year]/[month]/page.tsx
+++ b/app/[locale]/print/[year]/[month]/page.tsx
@@ -31,6 +31,7 @@ export default async function PrintPage({ params }: PrintPageProps) {
 
   // Get translations for the current locale
   const t = await getTranslations("home-page.print-preview");
+  const yearMonth = `${year}-${month.toString().padStart(2, '0')}`;
   const translations = {
     title: t("title"),
     barcodesFound: t("barcodes-found"),
@@ -39,7 +40,9 @@ export default async function PrintPage({ params }: PrintPageProps) {
     printFooter: t("print-footer", { date: new Date().toLocaleDateString() }),
     tableHeaderIndex: t("table-header-index"),
     tableHeaderBillInfo: t("table-header-bill-info"),
-    tableHeaderBarcode: t("table-header-barcode")
+    tableHeaderBarcode: t("table-header-barcode"),
+    emptyStateTitle: t("empty-state-title"),
+    emptyStateMessage: t("empty-state-message", { yearMonth })
   };
 
   // If no barcode data found, show empty state
@@ -47,9 +50,9 @@ export default async function PrintPage({ params }: PrintPageProps) {
     return (
       <div className="min-h-screen flex items-center justify-center">
         <div className="text-center">
-          <h1 className="text-2xl font-bold mb-4">No Barcode Data Found</h1>
+          <h1 className="text-2xl font-bold mb-4">{translations.emptyStateTitle}</h1>
           <p className="text-gray-600">
-            No bills with 2D barcodes found for {year}-{month.toString().padStart(2, '0')}
+            {translations.emptyStateMessage}
           </p>
         </div>
       </div>
diff --git a/messages/en.json b/messages/en.json
index 1dd7618..90aef68 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -70,7 +70,9 @@
       "print-footer": "Generated on {date} • Evidencija Režija Print System",
       "table-header-index": "#",
       "table-header-bill-info": "Bill Information",
-      "table-header-barcode": "2D Barcode"
+      "table-header-barcode": "2D Barcode",
+      "empty-state-title": "No Barcode Data Found",
+      "empty-state-message": "No bills with 2D barcodes found for {yearMonth}"
     }
   },
   "bill-delete-form": {
diff --git a/messages/hr.json b/messages/hr.json
index 2db0fc6..bc3cae3 100644
--- a/messages/hr.json
+++ b/messages/hr.json
@@ -70,7 +70,9 @@
       "print-footer": "Generirano {date} • Evidencija Režija Sustav Ispisa",
       "table-header-index": "#",
       "table-header-bill-info": "Informacije o Računu",
-      "table-header-barcode": "2D Barkod"
+      "table-header-barcode": "2D Barkod",
+      "empty-state-title": "Nema Podataka o Barkodovima",
+      "empty-state-message": "Nema računa s 2D barkodovima za {yearMonth}"
     }
   },
   "bill-delete-form": {