Complete receipt translations

src/features/receipts/components/receipts-client.tsx

@@ -245,7 +245,7 @@ export function ReceiptsClient() {
               <option value="">{dict.receipts.choosePurchase}</option>
               {submittedPurchases.map((purchase) => (
                 <option key={purchase.id} value={purchase.id}>
-                  {purchase.purchase_no} · {purchase.agent?.name || (locale === "id" ? "Pembelian bebas" : "Direct purchase")}
+                  {purchase.purchase_no} · {purchase.agent?.name || dict.receipts.directPurchase}
                 </option>
               ))}
             </select>
@@ -274,7 +274,7 @@ export function ReceiptsClient() {
                   return (
                     <div key={line.purchase_line_id} className="rounded border border-line/70 bg-white p-4">
                       <div className="mb-4 text-sm text-slate-500">
-                        <span className="font-semibold text-ink">{line.grade_name}</span> · Ordered {formatQuantity(Number(line.qty_ordered), "id", line.unit_code)}
+                        <span className="font-semibold text-ink">{line.grade_name}</span> · {dict.receipts.ordered} {formatQuantity(Number(line.qty_ordered), locale, line.unit_code)}
                       </div>
                       <div className="grid gap-4 md:grid-cols-2">
                         <Field label={`${dict.receipts.qtyReceived} (${line.unit_code})`} value={line.qty_received} onChange={(value) => updateLine(index, { qty_received: value })} />
@@ -310,18 +310,18 @@ export function ReceiptsClient() {
             <p className="ops-title">{dict.receipts.listTitle}</p>
             <p className="ops-copy">{dict.receipts.listCopy}</p>
           </div>
-          <div className="ops-chip-muted">{items.length} receipt</div>
+          <div className="ops-chip-muted">{items.length} {dict.receipts.countSuffix}</div>
         </div>
         {loading ? <div className="px-6 py-8 text-sm text-ink/60">{dict.common.loading}</div> : items.length === 0 ? <div className="px-6 py-8 text-sm text-ink/60">{dict.receipts.noData}</div> : (
             <div className="overflow-x-auto">
               <table className="ops-table">
                 <thead>
                   <tr>
-                    <th>{locale === "id" ? "Penerimaan" : "Receipt"}</th>
+                    <th>{dict.receipts.receiptNo}</th>
-                    <th>{locale === "id" ? "Pembelian" : "Purchase"}</th>
+                    <th>{dict.receipts.purchase}</th>
-                    <th>{locale === "id" ? "Lot" : "Lots"}</th>
+                    <th>{dict.receipts.lots}</th>
-                    <th>{locale === "id" ? "Status" : "Status"}</th>
+                    <th>{dict.receipts.status}</th>
-                    <th>{locale === "id" ? "Aksi" : "Actions"}</th>
+                    <th>{dict.receipts.actions}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -336,7 +336,7 @@ export function ReceiptsClient() {
                       <td>
                         <div className="flex gap-2">
                           <button type="button" onClick={() => void openReceipt(item.id)} className="ops-btn-secondary">{dict.common.detail}</button>
-                          {item.status !== "FINALIZED" ? <button type="button" onClick={() => void generateLots(item.id)} className="ops-btn-primary">{locale === "id" ? "Buat lot" : "Generate lots"}</button> : null}
+                          {item.status !== "FINALIZED" ? <button type="button" onClick={() => void generateLots(item.id)} className="ops-btn-primary">{dict.receipts.generateLots}</button> : null}
                         </div>
                       </td>
                     </tr>
@@ -351,24 +351,24 @@ export function ReceiptsClient() {
           <div className="ops-card p-6">
             <div className="flex items-center justify-between gap-4">
               <div>
-                <p className="ops-overline">{locale === "id" ? "Detail penerimaan" : "Receipt details"}</p>
+                <p className="ops-overline">{dict.receipts.detailTitle}</p>
                 <h3 className="mt-2 text-2xl font-semibold text-ink">{selectedReceipt.receipt_no}</h3>
                 <p className="mt-2 text-sm text-slate-500">{selectedReceipt.purchase.purchase_no}</p>
               </div>
-              {selectedReceipt.status !== "FINALIZED" ? <button type="button" onClick={() => void generateLots(selectedReceipt.id)} className="ops-btn-primary">{locale === "id" ? "Buat lot" : "Generate lots"}</button> : null}
+              {selectedReceipt.status !== "FINALIZED" ? <button type="button" onClick={() => void generateLots(selectedReceipt.id)} className="ops-btn-primary">{dict.receipts.generateLots}</button> : null}
             </div>
             <div className="mt-5 space-y-4">
               {selectedReceipt.lines.map((line) => (
                 <div key={line.id} className="rounded border border-line/70 bg-slate-50 p-4 text-sm text-slate-600">
                   <div className="font-medium text-ink">{line.grade?.name ?? "-"}</div>
-                  <div className="mt-2">{locale === "id" ? "Diterima" : "Received"} {formatQuantity(line.qty_received, locale, line.unit.code)} / {locale === "id" ? "Diterima valid" : "Accepted"} {formatQuantity(line.qty_accepted, locale, line.unit.code)} / {locale === "id" ? "Ditolak" : "Rejected"} {formatQuantity(line.qty_rejected, locale, line.unit.code)}</div>
+                  <div className="mt-2">{dict.receipts.receivedShort} {formatQuantity(line.qty_received, locale, line.unit.code)} / {dict.receipts.acceptedShort} {formatQuantity(line.qty_accepted, locale, line.unit.code)} / {dict.receipts.rejectedShort} {formatQuantity(line.qty_rejected, locale, line.unit.code)}</div>
-                  <div className="mt-1">{locale === "id" ? "Gudang" : "Warehouse"} {line.warehouse.name} · {locale === "id" ? "Lokasi" : "Location"} {line.location?.name ?? "-"}</div>
+                  <div className="mt-1">{dict.common.warehouse} {line.warehouse.name} · {dict.common.location} {line.location?.name ?? "-"}</div>
                 </div>
               ))}
             </div>
             <div className="mt-6">
-              <p className="text-sm font-semibold text-ink">{locale === "id" ? "Lot hasil" : "Generated lots"}</p>
+              <p className="text-sm font-semibold text-ink">{dict.receipts.generatedLots}</p>
-              {selectedReceipt.generated_lots.length === 0 ? <p className="mt-2 text-sm text-ink/60">{locale === "id" ? "Belum ada lot yang dihasilkan." : "No lots have been generated yet."}</p> : (
+              {selectedReceipt.generated_lots.length === 0 ? <p className="mt-2 text-sm text-ink/60">{dict.receipts.noGeneratedLots}</p> : (
                 <div className="mt-3 space-y-2">
                   {selectedReceipt.generated_lots.map((lot) => (
                     <div key={lot.id} className="rounded border border-line/70 bg-white px-4 py-3 text-sm text-slate-600">

src/lib/i18n.ts

@@ -578,6 +578,7 @@ export const dictionaries = {
       helper:
         "Pilih pembelian yang sudah diajukan, verifikasi qty diterima, lalu finalisasi untuk membuat lot.",
       choosePurchase: "Pilih pembelian yang diajukan",
+      directPurchase: "Pembelian bebas",
       receiptDate: "Tanggal Penerimaan",
       receiptLines: "Baris Penerimaan",
       choosePurchaseToLoad: "Pilih pembelian untuk memuat baris barang.",
@@ -599,6 +600,17 @@ export const dictionaries = {
       finalized: "FINALIZED",
       draft: "DRAFT",
       lots: "Lot",
+      receiptNo: "Penerimaan",
+      status: "Status",
+      actions: "Aksi",
+      ordered: "Dipesan",
+      generatedLots: "Lot hasil",
+      noGeneratedLots: "Belum ada lot yang dihasilkan.",
+      countSuffix: "penerimaan",
+      detailTitle: "Detail penerimaan",
+      receivedShort: "Diterima",
+      acceptedShort: "Diterima valid",
+      rejectedShort: "Ditolak",
       purchase: "Pembelian",
       receipt: "Penerimaan"
     },
@@ -1479,6 +1491,7 @@ export const dictionaries = {
       helper:
         "Choose a submitted purchase, verify received quantity, then finalize it to generate lots.",
       choosePurchase: "Choose submitted purchase",
+      directPurchase: "Direct purchase",
       receiptDate: "Receipt Date",
       receiptLines: "Receipt Lines",
       choosePurchaseToLoad: "Choose a purchase to load line items.",
@@ -1500,6 +1513,17 @@ export const dictionaries = {
       finalized: "FINALIZED",
       draft: "DRAFT",
       lots: "Lots",
+      receiptNo: "Receipt",
+      status: "Status",
+      actions: "Actions",
+      ordered: "Ordered",
+      generatedLots: "Generated lots",
+      noGeneratedLots: "No lots have been generated yet.",
+      countSuffix: "receipts",
+      detailTitle: "Receipt details",
+      receivedShort: "Received",
+      acceptedShort: "Accepted",
+      rejectedShort: "Rejected",
       purchase: "Purchase",
       receipt: "Receipt"
     },