Update title to - "<network> Explorer"

frontend/src/app/bisq/bisq-address/bisq-address.component.ts

@@ -36,7 +36,7 @@ export class BisqAddressComponent implements OnInit, OnDestroy {
           this.transactions = null;
           document.body.scrollTo(0, 0);
           this.addressString = params.get('id') || '';
-          this.seoService.setTitle('Address: ' + this.addressString, true);
+          this.seoService.setTitle('Address: ' + this.addressString);
 
           return this.bisqApiService.getAddress$(this.addressString)
             .pipe(

frontend/src/app/bisq/bisq-block/bisq-block.component.ts

@@ -82,7 +82,7 @@ export class BisqBlockComponent implements OnInit, OnDestroy {
         }
         this.isLoading = false;
         this.blockHeight = block.height;
-        this.seoService.setTitle('Block: #' + block.height + ': ' + block.hash, true);
+        this.seoService.setTitle('Block: #' + block.height + ': ' + block.hash);
         this.block = block;
       });
   }

frontend/src/app/bisq/bisq-blocks/bisq-blocks.component.ts

@@ -33,7 +33,7 @@ export class BisqBlocksComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
-    this.seoService.setTitle('Blocks', true);
+    this.seoService.setTitle('Blocks');
     this.itemsPerPage = Math.max(Math.round(this.contentSpace / this.fiveItemsPxSize) * 5, 10);
     this.loadingItems = Array(this.itemsPerPage);
     if (document.body.clientWidth < 768) {

frontend/src/app/bisq/bisq-stats/bisq-stats.component.ts

@@ -21,7 +21,7 @@ export class BisqStatsComponent implements OnInit {
   ) { }
 
   ngOnInit() {
-    this.seoService.setTitle('BSQ Statistics', false);
+    this.seoService.setTitle('BSQ Statistics');
 
     this.stateService.bsqPrice$
       .subscribe((bsqPrice) => {

frontend/src/app/bisq/bisq-transaction/bisq-transaction.component.ts

@@ -43,7 +43,7 @@ export class BisqTransactionComponent implements OnInit, OnDestroy {
         this.error = null;
         document.body.scrollTo(0, 0);
         this.txId = params.get('id') || '';
-        this.seoService.setTitle('Transaction: ' + this.txId, true);
+        this.seoService.setTitle('Transaction: ' + this.txId);
         if (history.state.data) {
           return of(history.state.data);
         }

frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts

@@ -72,7 +72,7 @@ export class BisqTransactionsComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
-    this.seoService.setTitle('Transactions', true);
+    this.seoService.setTitle('Transactions');
 
     this.radioGroupForm = this.formBuilder.group({
       txTypes: [this.txTypesDefaultChecked],

frontend/src/app/components/address/address.component.ts

@@ -61,7 +61,7 @@ export class AddressComponent implements OnInit, OnDestroy {
           this.transactions = null;
           document.body.scrollTo(0, 0);
           this.addressString = params.get('id') || '';
-          this.seoService.setTitle('Address: ' + this.addressString, true);
+          this.seoService.setTitle('Address: ' + this.addressString);
 
           return merge(
             of(true),

frontend/src/app/components/asset/asset.component.ts

@@ -68,7 +68,7 @@ export class AssetComponent implements OnInit, OnDestroy {
           this.transactions = null;
           document.body.scrollTo(0, 0);
           this.assetString = params.get('id') || '';
-          this.seoService.setTitle('Asset: ' + this.assetString, true);
+          this.seoService.setTitle('Asset: ' + this.assetString);
 
           return merge(
             of(true),

frontend/src/app/components/block/block.component.ts

@@ -92,7 +92,7 @@ export class BlockComponent implements OnInit, OnDestroy {
       tap((block: Block) => {
         this.block = block;
         this.blockHeight = block.height;
-        this.seoService.setTitle('Block: #' + block.height + ': ' + block.id, true);
+        this.seoService.setTitle('Block: #' + block.height + ': ' + block.id);
         this.isLoadingBlock = false;
         if (block.coinbaseTx) {
           this.coinbaseTx = block.coinbaseTx;

frontend/src/app/components/transaction/transaction.component.ts

@@ -44,7 +44,7 @@ export class TransactionComponent implements OnInit, OnDestroy {
     this.subscription = this.route.paramMap.pipe(
       switchMap((params: ParamMap) => {
         this.txId = params.get('id') || '';
-        this.seoService.setTitle('Transaction: ' + this.txId, true);
+        this.seoService.setTitle('Transaction: ' + this.txId);
         this.resetTransaction();
         return merge(
           of(true),

frontend/src/app/services/seo.service.ts

@@ -7,7 +7,6 @@ import { StateService } from './state.service';
 })
 export class SeoService {
   network = '';
-  defaultTitle = 'mempool - Bitcoin Explorer';
 
   constructor(
     private titleService: Title,
@@ -16,15 +15,19 @@ export class SeoService {
     this.stateService.networkChanged$.subscribe((network) => this.network = network);
   }
 
-  setTitle(newTitle: string, prependNetwork = false) {
+  setTitle(newTitle: string): void {
-    let networkName = '';
+    this.titleService.setTitle(newTitle + ' - ' + this.getTitle());
-    if (prependNetwork && this.network !== '') {
-      networkName = this.network.substr(0, 1).toUpperCase() + this.network.substr(1) + ' ';
-    }
-    this.titleService.setTitle(networkName + newTitle + ' - ' + this.defaultTitle);
   }
 
-  resetTitle() {
+  resetTitle(): void {
-    this.titleService.setTitle(this.defaultTitle);
+    this.titleService.setTitle(this.getTitle());
+  }
+
+  getTitle(): string {
+    return 'mempool - ' + (this.network ? this.ucfirst(this.network) : 'Bitcoin') + ' Explorer';
+  }
+
+  ucfirst(str: string) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
   }
 }