Feature: Implement Search Functionality for Crypto Market (#522)

fix search token in token info
SaTT-Wallet · Sep 18, 2023 · 5ad7300 · 5ad7300
1 parent 7c6e9e6
commit 5ad7300
Show file tree

Hide file tree

Showing 3 changed files with 245 additions and 178 deletions.
diff --git a/src/app/core/services/wallet/cryptofetch-service.service.ts b/src/app/core/services/wallet/cryptofetch-service.service.ts
@@ -51,7 +51,15 @@ export class CryptofetchServiceService {
     const params = new HttpParams().set('cryptochunk', pageNumber);
 
     // Making the HTTP GET request
-    return this.http.get( sattUrl + '/wallet/getallCrypto', { params });
+    return this.http.get(sattUrl + '/wallet/getallCrypto', { params });
+  }
+
+  searchCryptoMarket(value: string): Observable<any> {
+    const requestBody = { value };
+    return this.http.post<any>(
+      sattUrl + '/wallet/searchCryptoMarket',
+      requestBody
+    );
   }
 
   transactionHistory() {

diff --git a/src/app/wallet/components/crypto-market-cap/crypto-market-cap.component.html b/src/app/wallet/components/crypto-market-cap/crypto-market-cap.component.html
@@ -60,8 +60,8 @@ <h1 class="crypto-market-cap-title mb-0">
       class="search-query d-flex mt-3"
       type="text"
       name="search"
-      placeholder="{{ 'searchToken' | translate }}
-"
+      placeholder="{{ 'searchToken' | translate }}"
+      (input)="onInputChange($event)"
     />
     <span *ngIf="searchQuery" class="clear-icon" (click)="clear()">x</span>
   </div>