integration new apis

src/app/components/language-selector/language-selector.component.ts

@@ -1,5 +1,5 @@
 import { Component, HostListener, ElementRef, ChangeDetectionStrategy } from '@angular/core';
-import { LanguageService, Language } from '../../services/language.service';
+import { LanguageService, Language, Currency } from '../../services/language.service';
 
 @Component({
   selector: 'app-language-selector',
@@ -10,6 +10,7 @@ import { LanguageService, Language } from '../../services/language.service';
 })
 export class LanguageSelectorComponent {
   dropdownOpen = false;
+  currencyOpen = false;
 
   constructor(
     public languageService: LanguageService,
@@ -18,6 +19,12 @@ export class LanguageSelectorComponent {
 
   toggleDropdown(): void {
     this.dropdownOpen = !this.dropdownOpen;
+    this.currencyOpen = false;
+  }
+
+  toggleCurrency(): void {
+    this.currencyOpen = !this.currencyOpen;
+    this.dropdownOpen = false;
   }
 
   selectLanguage(lang: Language): void {
@@ -27,14 +34,21 @@ export class LanguageSelectorComponent {
     }
   }
 
+  selectCurrency(currency: Currency): void {
+    this.languageService.setCurrency(currency.code);
+    this.currencyOpen = false;
+  }
+
   closeDropdown(): void {
     this.dropdownOpen = false;
+    this.currencyOpen = false;
   }
 
   @HostListener('document:click', ['$event'])
   onClickOutside(event: Event): void {
     if (!this.elementRef.nativeElement.contains(event.target)) {
       this.dropdownOpen = false;
+      this.currencyOpen = false;
     }
   }
 }