From 126e640731fa009f5e22b53375cc75c3002b7d43 Mon Sep 17 00:00:00 2001
From: Chris Chen <yuanson.ch@gmail.com>
Date: Fri, 29 May 2026 22:07:57 -0700
Subject: [PATCH] feat(i18n): bilingual Type/Method dropdowns + line echo on
 offering session

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../offering-session-page.component.html                     | 5 +++--
 .../offering-session-page/offering-session-page.component.ts | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.html b/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.html
index 9a9eb49..0f14267 100644
--- a/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.html
+++ b/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.html
@@ -36,11 +36,12 @@
       </label>
 
       <label class="flex flex-col gap-1">Type
-        <kendo-dropdownlist [data]="categories" textField="name_en" valueField="id" [valuePrimitive]="true"
+        <kendo-dropdownlist [data]="categories" textField="label" valueField="id" [valuePrimitive]="true"
           [(ngModel)]="entry.givingCategoryId"></kendo-dropdownlist>
       </label>
       <label class="flex flex-col gap-1">Method
-        <kendo-dropdownlist [data]="paymentMethods" [(ngModel)]="entry.paymentMethod"></kendo-dropdownlist>
+        <kendo-dropdownlist [data]="paymentMethods" textField="label" valueField="value" [valuePrimitive]="true"
+          [(ngModel)]="entry.paymentMethod"></kendo-dropdownlist>
       </label>
 
       <label *ngIf="entry.paymentMethod === 'Check'" class="flex flex-col gap-1">Check #
diff --git a/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.ts b/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.ts
index 150e724..80ddc54 100644
--- a/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.ts
+++ b/APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.ts
@@ -16,6 +16,7 @@ import {
   GivingCategoryDto, PaymentMethod, OfferingBufferLine, CreateOfferingSessionRequest,
   OfferingSessionListItemDto, OfferingSessionDto,
 } from '../../models/giving.model';
+import { PAYMENT_METHOD_OPTIONS } from '../../../../shared/i18n/option-lists';
 
 interface MemberOption { id: number; displayName: string; }
 
@@ -33,7 +34,7 @@ export class OfferingSessionPageComponent implements OnInit {
   sessionDate: Date = new Date();
   dateConflict = false;
   categories: GivingCategoryDto[] = [];
-  readonly paymentMethods: PaymentMethod[] = ['Cash', 'Check', 'Zelle', 'PayPal', 'Other'];
+  readonly paymentMethods = PAYMENT_METHOD_OPTIONS;
 
   memberResults: MemberOption[] = [];
   selectedMemberId: number | null = null;
@@ -152,7 +153,7 @@ export class OfferingSessionPageComponent implements OnInit {
     const line: OfferingBufferLine = {
       ...this.entry,
       memberName: this.entry.isAnonymous ? null : this.selectedMemberName,
-      categoryName: cat?.name_en ?? '',
+      categoryName: cat?.label ?? '',
     };
     if (this.editingIndex !== null) { this.buffer[this.editingIndex] = line; this.editingIndex = null; }
     else { this.buffer = [...this.buffer, line]; }