From aef5454202f8b8cf15db3ae0d2e1fffc7d56badd Mon Sep 17 00:00:00 2001
From: Chris Chen <yuanson.ch@gmail.com>
Date: Fri, 29 May 2026 22:27:03 -0700
Subject: [PATCH] feat(i18n): bilingual language dropdown on member form dialog

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../member-form-dialog/member-form-dialog.component.html   | 2 +-
 .../member-form-dialog/member-form-dialog.component.ts     | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.html b/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.html
index df19494..fc8b14c 100644
--- a/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.html
+++ b/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.html
@@ -60,7 +60,7 @@
               <kendo-label text="Language"></kendo-label>
               <kendo-dropdownlist
                 formControlName="languagePreference"
-                [data]="langOptions" textField="text" valueField="value"
+                [data]="langOptions" textField="label" valueField="value"
                 [valuePrimitive]="true">
               </kendo-dropdownlist>
             </kendo-formfield>
diff --git a/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.ts b/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.ts
index 9f1a143..bc70d9a 100644
--- a/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.ts
+++ b/APP/src/app/features/members/components/member-form-dialog/member-form-dialog.component.ts
@@ -9,7 +9,7 @@ import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import { LayoutModule } from '@progress/kendo-angular-layout';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { MemberDto, CreateMemberRequest } from '../../models/member.model';
-import { GENDER_OPTIONS, MEMBER_STATUS_OPTIONS } from '../../../../shared/i18n/option-lists';
+import { GENDER_OPTIONS, LANGUAGE_OPTIONS, MEMBER_STATUS_OPTIONS } from '../../../../shared/i18n/option-lists';
 
 @Component({
   selector: 'app-member-form-dialog',
@@ -30,10 +30,7 @@ export class MemberFormDialogComponent implements OnInit {
 
   readonly statusOptions = MEMBER_STATUS_OPTIONS;
   readonly genderOptions = GENDER_OPTIONS;
-  readonly langOptions = [
-    { text: 'English', value: 'en' },
-    { text: '中文',     value: 'zh-TW' },
-  ];
+  readonly langOptions = LANGUAGE_OPTIONS;
 
   constructor(private fb: FormBuilder) {}