diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts index a61a02cbe..482c91f08 100644 --- a/frontend/src/app/app.module.ts +++ b/frontend/src/app/app.module.ts @@ -45,7 +45,7 @@ import { FeesBoxComponent } from './components/fees-box/fees-box.component'; import { DashboardComponent } from './dashboard/dashboard.component'; import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome'; import { faAngleDown, faAngleUp, faBolt, faChartArea, faCogs, faCubes, faDatabase, faExchangeAlt, faInfoCircle, - faLink, faList, faSearch, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faAngleDoubleUp, faChevronDown, faFileAlt } from '@fortawesome/free-solid-svg-icons'; + faLink, faList, faSearch, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faAngleDoubleUp, faChevronDown, faFileAlt, faRedoAlt } from '@fortawesome/free-solid-svg-icons'; import { ApiDocsComponent } from './components/api-docs/api-docs.component'; import { CodeTemplateComponent } from './components/api-docs/code-template.component'; import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component'; @@ -135,5 +135,6 @@ export class AppModule { library.addIcons(faAngleDoubleDown); library.addIcons(faChevronDown); library.addIcons(faFileAlt); + library.addIcons(faRedoAlt); } } diff --git a/frontend/src/app/components/address/address.component.html b/frontend/src/app/components/address/address.component.html index 35875985c..e20279656 100644 --- a/frontend/src/app/components/address/address.component.html +++ b/frontend/src/app/components/address/address.component.html @@ -80,6 +80,11 @@ + + +
+ +
diff --git a/frontend/src/app/components/address/address.component.ts b/frontend/src/app/components/address/address.component.ts index 601d422d6..ca0198c8f 100644 --- a/frontend/src/app/components/address/address.component.ts +++ b/frontend/src/app/components/address/address.component.ts @@ -23,6 +23,7 @@ export class AddressComponent implements OnInit, OnDestroy { isLoadingAddress = true; transactions: Transaction[]; isLoadingTransactions = true; + retryLoadmore = false; error: any; mainSubscription: Subscription; addressLoadingStatus$: Observable; @@ -183,12 +184,17 @@ export class AddressComponent implements OnInit, OnDestroy { return; } this.isLoadingTransactions = true; + this.retryLoadmore = false; this.electrsApiService.getAddressTransactionsFromHash$(this.address.address, this.lastTransactionTxId) .subscribe((transactions: Transaction[]) => { this.lastTransactionTxId = transactions[transactions.length - 1].txid; this.loadedConfirmedTxCount += transactions.length; this.transactions = this.transactions.concat(transactions); this.isLoadingTransactions = false; + }, + (error) => { + this.isLoadingTransactions = false; + this.retryLoadmore = true; }); }