feat: add shareReplay

apps/taiga-lumbermill/src/dashboards/crypto/components/pools/pools.component.ts

@@ -59,7 +59,7 @@ export interface TableData {
 })
 export class PoolsComponent {
     protected cryptoService = inject(CryptoService);
-    protected tokens = toSignal(this.cryptoService.getTokens());
+    protected tokens = toSignal(this.cryptoService.tokens);
     protected tableData: Signal<TableData[]> = computed(() => {
         const tokens = this.tokens() || [];
 

apps/taiga-lumbermill/src/dashboards/crypto/components/prices/price-list/price-list.component.ts

@@ -34,7 +34,7 @@ import {CryptoService} from '../../../../../services/crypto.service';
 })
 export class PriceListComponent {
     protected pricesService = inject(CryptoService);
-    protected tokens$ = this.pricesService.getTokens();
+    protected tokens$ = this.pricesService.tokens;
 
     protected showTokens = 4;
 

apps/taiga-lumbermill/src/dashboards/crypto/components/staking/staking.component.ts

@@ -50,7 +50,7 @@ import {CoinIconPipe} from '../../pipes/coin-icon.pipe';
 export class StakingComponent {
     private readonly dialogs = inject(TuiDialogService);
     private readonly cryptoService = inject(CryptoService);
-    protected tokens = toSignal(this.cryptoService.getTokens());
+    protected tokens = toSignal(this.cryptoService.tokens);
     protected price = computed(
         () =>
             this.amount() *

apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.ts

@@ -48,7 +48,7 @@ import {CryptoService} from '../../../../services/crypto.service';
 })
 export class SwapComponent {
     protected readonly cryptoService = inject(CryptoService);
-    protected readonly tokens = toSignal(this.cryptoService.getTokens());
+    protected readonly tokens = toSignal(this.cryptoService.tokens);
     protected readonly priceFrom = computed(() => this.getPrice(this.tokenFrom()));
 
     protected readonly priceTo = computed(() => this.getPrice(this.tokenTo()));

apps/taiga-lumbermill/src/services/crypto.service.ts

@@ -1,6 +1,6 @@
 import {HttpClient} from '@angular/common/http';
 import {inject, Injectable, InjectionToken} from '@angular/core';
-import {map, type Observable} from 'rxjs';
+import {map, type Observable, shareReplay} from 'rxjs';
 
 export interface PricesData {
     readonly id: string;
@@ -36,9 +36,13 @@ export class CryptoService {
     private readonly http = inject(HttpClient);
 
     private readonly API = inject(CryptoApi);
+    public readonly tokens = this.getTokens();
 
     public getTokens(): Observable<PricesData[]> {
-        return this.http.get<ResponseData>(this.API).pipe(map((info) => info.data));
+        return this.http
+            .get<ResponseData>(this.API)
+            .pipe(map((info) => info.data))
+            .pipe(shareReplay({bufferSize: 1, refCount: true}));
     }
 
     public getHistory(id: string, interval: string): Observable<HistoryData[]> {