Multi-currency fiat formatting pipes & components

frontend/src/app/shared/pipes/fiat-currency.pipe.ts

@@ -0,0 +1,28 @@
+import { formatCurrency, getCurrencySymbol } from '@angular/common';
+import { Inject, LOCALE_ID, Pipe, PipeTransform } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { StateService } from '../../services/state.service';
+
+@Pipe({
+  name: 'fiatCurrency'
+})
+export class FiatCurrencyPipe implements PipeTransform {
+  fiatSubscription: Subscription;
+  currency: string;
+
+  constructor(
+    @Inject(LOCALE_ID) public locale: string,
+    private stateService: StateService,
+  ) {
+    this.fiatSubscription = this.stateService.fiatCurrency$.subscribe((fiat) => {
+      this.currency = fiat;
+    });
+  }
+
+  transform(num: number, ...args: any[]): unknown {
+    const digits = args[0] || 1;
+    const currency = args[1] || this.currency || 'USD';
+
+    return new Intl.NumberFormat(this.locale, { style: 'currency', currency }).format(num);
+  }
+}