39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
|
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
|
||
|
|
import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
|
||
|
|
import { StorageService } from '../../services/storage.service';
|
||
|
|
import { fiatCurrencies } from '../../app.constants';
|
||
|
|
import { StateService } from '../../services/state.service';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-fiat-selector',
|
||
|
|
templateUrl: './fiat-selector.component.html',
|
||
|
|
styleUrls: ['./fiat-selector.component.scss'],
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
||
|
|
})
|
||
|
|
export class FiatSelectorComponent implements OnInit {
|
||
|
|
fiatForm: UntypedFormGroup;
|
||
|
|
currencies = fiatCurrencies;
|
||
|
|
currencyList = Object.keys(fiatCurrencies).sort();
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private formBuilder: UntypedFormBuilder,
|
||
|
|
private stateService: StateService,
|
||
|
|
private storageService: StorageService,
|
||
|
|
) { }
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.fiatForm = this.formBuilder.group({
|
||
|
|
fiat: ['USD']
|
||
|
|
});
|
||
|
|
this.stateService.fiatCurrency$.subscribe((fiat) => {
|
||
|
|
this.fiatForm.get('fiat')?.setValue(fiat);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
changeFiat() {
|
||
|
|
const newFiat = this.fiatForm.get('fiat')?.value;
|
||
|
|
this.storageService.setValue('fiat-preference', newFiat);
|
||
|
|
this.stateService.fiatCurrency$.next(newFiat);
|
||
|
|
}
|
||
|
|
}
|