Apply Language Settings

src/app/features/settings/settings.ts

@@ -4,6 +4,8 @@ import { Dropdown, DropdownOption } from '../../components/dropdown/dropdown';
 import { Switch } from '../../components/switch/switch';
 import { NgOptimizedImage } from '@angular/common';
 import { PopupService } from '../../services/popup.service';
+import { SettingsService, Language } from '../../services/settings.service';
+import { TranslationService } from '../../services/translation.service';
 
 @Component({
   selector: 'settings-popup',
@@ -14,6 +16,8 @@ import { PopupService } from '../../services/popup.service';
 })
 export class SettingsPopup {
   private popupService = inject(PopupService);
+  protected settingsService = inject(SettingsService);
+  protected translation = inject(TranslationService).translation;
 
   /**
    * 팝업의 위치 (기본값은 'center')
@@ -26,7 +30,17 @@ export class SettingsPopup {
     { label: '日本語', value: 'JP' },
   ];
 
-  userName: string = "Guest";
+  onLanguageChange(lang: Language) {
+    this.settingsService.setLanguage(lang);
+  }
+
+  onDarkModeChange(isDark: boolean) {
+    this.settingsService.setDarkMode(isDark);
+  }
+
+  onRomanisationChange(value: boolean) {
+    this.settingsService.setRomanisation(value);
+  }
 
   /**
    * 팝업을 닫을 때, 자기 자신(클래스)을 명확하게 지정하여 닫습니다.