diff --git a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html
index bfd31677a..efac216f7 100644
--- a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html
+++ b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html
@@ -1,5 +1,5 @@
-
Active Markets
+
Markets
diff --git a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.ts b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.ts
index e1770e1bd..efc64901d 100644
--- a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.ts
+++ b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.ts
@@ -1,6 +1,7 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { Observable, combineLatest } from 'rxjs';
import { filter, map } from 'rxjs/operators';
+import { SeoService } from 'src/app/services/seo.service';
import { StateService } from 'src/app/services/state.service';
import { WebsocketService } from 'src/app/services/websocket.service';
import { BisqApiService } from '../bisq-api.service';
@@ -19,9 +20,11 @@ export class BisqDashboardComponent implements OnInit {
private websocketService: WebsocketService,
private bisqApiService: BisqApiService,
private stateService: StateService,
+ private seoService: SeoService,
) { }
ngOnInit(): void {
+ this.seoService.setTitle(`Markets`);
this.websocketService.want(['blocks']);
this.tickers$ = combineLatest([
diff --git a/frontend/src/app/bisq/bisq-market/bisq-market.component.ts b/frontend/src/app/bisq/bisq-market/bisq-market.component.ts
index 91205cd27..a21ac4ae7 100644
--- a/frontend/src/app/bisq/bisq-market/bisq-market.component.ts
+++ b/frontend/src/app/bisq/bisq-market/bisq-market.component.ts
@@ -3,6 +3,7 @@ import { FormBuilder, FormGroup } from '@angular/forms';
import { ActivatedRoute } from '@angular/router';
import { combineLatest, merge, Observable, of } from 'rxjs';
import { map, switchMap } from 'rxjs/operators';
+import { SeoService } from 'src/app/services/seo.service';
import { WebsocketService } from 'src/app/services/websocket.service';
import { BisqApiService } from '../bisq-api.service';
@@ -25,6 +26,7 @@ export class BisqMarketComponent implements OnInit, OnDestroy {
private route: ActivatedRoute,
private bisqApiService: BisqApiService,
private formBuilder: FormBuilder,
+ private seoService: SeoService,
) { }
ngOnInit(): void {
@@ -37,8 +39,11 @@ export class BisqMarketComponent implements OnInit, OnDestroy {
switchMap((markets) => combineLatest([of(markets), this.route.paramMap])),
map(([markets, routeParams]) => {
const pair = routeParams.get('pair');
+ const pairUpperCase = pair.replace('_', '/').toUpperCase();
+ this.seoService.setTitle(`Bisq market: ${pairUpperCase}`);
+
return {
- pair: pair.replace('_', '/').toUpperCase(),
+ pair: pairUpperCase,
market: markets[pair],
};
})