GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

use minimal liquid assets file for typeahead search

Browse source
This commit is contained in:
mononaut 2026-05-25 17:07:31 +00:00
parent b16a340270
commit 88d3158ea9
No known key found for this signature in database
GPG key ID: BFD16BE592A9CD8D
1 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/app/components/assets/assets-nav/assets-nav.component.ts
View file

@ -4,13 +4,19 @@ import { Router } from '@angular/router';
import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
import { merge, Observable, of, Subject } from 'rxjs';
import { distinctUntilChanged, filter, map, switchMap } from 'rxjs/operators';
import { AssetExtended } from '@interfaces/electrs.interface';
import { AssetsService } from '@app/services/assets.service';
import { SeoService } from '@app/services/seo.service';
import { StateService } from '@app/services/state.service';
import { RelativeUrlPipe } from '@app/shared/pipes/relative-url/relative-url.pipe';
import { environment } from '@environments/environment';
interface AssetSearchResult {
asset_id: string;
name: string;
ticker: string;
entity?: { domain: string };
}
@Component({
selector: 'app-assets-nav',
templateUrl: './assets-nav.component.html',
@ -21,10 +27,10 @@ export class AssetsNavComponent implements OnInit {
@ViewChild('instance', {static: true}) instance: NgbTypeahead;
nativeAssetId = this.stateService.network === 'liquidtestnet' ? environment.nativeTestAssetId : environment.nativeAssetId;
searchForm: UntypedFormGroup;
assetsCache: AssetExtended[];
assetsCache: AssetSearchResult[];
typeaheadSearchFn: ((text: Observable<string>) => Observable<readonly any[]>);
formatterFn = (asset: AssetExtended) => asset.name + ' (' + asset.ticker + ')';
formatterFn = (asset: AssetSearchResult) => asset.name + ' (' + asset.ticker + ')';
focus$ = new Subject<string>();
click$ = new Subject<string>();
@ -62,15 +68,20 @@ export class AssetsNavComponent implements OnInit {
if (!searchText.length) {
return of([]);
}
return this.assetsService.getAssetsJson$.pipe(
return this.assetsService.getAssetsMinimalJson$.pipe(
map((assets) => {
if (searchText.length ) {
const filteredAssets = assets.array.filter((asset) => asset.name.toLowerCase().indexOf(searchText.toLowerCase()) > -1
const filteredAssets = Object.entries(assets).map(([assetId, assetData]: [string, any[]]) => ({
asset_id: assetId,
entity: assetData[0] ? { domain: assetData[0] } : undefined,
ticker: assetData[1] || '',
name: assetData[2] || '',
})).filter((asset) => asset.name.toLowerCase().indexOf(searchText.toLowerCase()) > -1
|| (asset.ticker || '').toLowerCase().indexOf(searchText.toLowerCase()) > -1
|| (asset.entity && asset.entity.domain || '').toLowerCase().indexOf(searchText.toLowerCase()) > -1);
return filteredAssets.slice(0, this.itemsPerPage);
} else {
return assets.array.slice(0, this.itemsPerPage);
return [];
}
})
);