Reusable component & pipe for http error rendering

2024-03-21 07:57:13 +00:00
parent 21b3e4071c
commit 484e032775
13 changed files with 81 additions and 43 deletions
--- a/frontend/src/app/components/address/address.component.ts
+++ b/frontend/src/app/components/address/address.component.ts
@@ -140,10 +140,22 @@ export class AddressComponent implements OnInit, OnDestroy {
          if (!fetchTxs.length) {
            return of([]);
          }
-          return this.apiService.getTransactionTimes$(fetchTxs);
+          return this.apiService.getTransactionTimes$(fetchTxs).pipe(
+            catchError((err) => {
+              this.isLoadingAddress = false;
+              this.isLoadingTransactions = false;
+              this.error = err;
+              this.seoService.logSoft404();
+              console.log(err);
+              return of([]);
+            })
+          );
        })
      )
-      .subscribe((times: number[]) => {
+      .subscribe((times: number[] | null) => {
+        if (!times) {
+          return;
+        }
        times.forEach((time, index) => {
          this.tempTransactions[this.timeTxIndexes[index]].firstSeen = time;
        });