From 0bcfdc80284b5498454e96bd23f09b7c2f571b54 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Mon, 30 Mar 2020 01:44:22 +0700
Subject: [PATCH] Set dynamic canonical url

---
 .../src/app/components/app/app.component.ts   | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/app/app.component.ts b/frontend/src/app/components/app/app.component.ts
index 235e3888c..22124990c 100644
--- a/frontend/src/app/components/app/app.component.ts
+++ b/frontend/src/app/components/app/app.component.ts
@@ -1,15 +1,41 @@
-import { Component } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, OnInit } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
 import { WebsocketService } from '../../services/websocket.service';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
+  network = environment.network;
+  link: HTMLLinkElement;
+
   constructor(
     public router: Router,
     private websocketService: WebsocketService,
   ) { }
+
+  ngOnInit() {
+    this.router.events.subscribe((val) => {
+      if (val instanceof NavigationEnd) {
+        if (this.network === 'liquid' || this.network === 'testnet') {
+          this.updateCanonicalUrlElement('https://mempool.ninja' + location.pathname);
+        } else {
+          this.updateCanonicalUrlElement('https://mempool.space' + location.pathname);
+        }
+      }
+    });
+  }
+
+  updateCanonicalUrlElement(url) {
+    if (!this.link) {
+      this.link = window.document.createElement('link');
+      this.link.setAttribute('rel', 'canonical');
+      window.document.head.appendChild(this.link);
+    }
+    this.link.setAttribute('href', url);
+  }
+
 }