From 9c363be16f52ed5848e42b882482156a81526f21 Mon Sep 17 00:00:00 2001
From: Matt Hill <MattDHill@users.noreply.github.com>
Date: Wed, 9 Nov 2022 09:22:43 -0700
Subject: [PATCH] set custom meta title (#1915)

---
 frontend/projects/ui/src/app/app.component.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/projects/ui/src/app/app.component.ts b/frontend/projects/ui/src/app/app.component.ts
index e518bcbcb..5b142af2d 100644
--- a/frontend/projects/ui/src/app/app.component.ts
+++ b/frontend/projects/ui/src/app/app.component.ts
@@ -1,10 +1,12 @@
 import { Component, OnDestroy } from '@angular/core'
-import { merge } from 'rxjs'
+import { merge, take } from 'rxjs'
 import { AuthService } from './services/auth.service'
 import { SplitPaneTracker } from './services/split-pane.service'
 import { PatchDataService } from './services/patch-data.service'
 import { PatchMonitorService } from './services/patch-monitor.service'
 import { ConnectionService } from './services/connection.service'
+import { Title } from '@angular/platform-browser'
+import { ServerNameService } from './services/server-name.service'
 
 @Component({
   selector: 'app-root',
@@ -16,13 +18,21 @@ export class AppComponent implements OnDestroy {
   readonly sidebarOpen$ = this.splitPane.sidebarOpen$
 
   constructor(
+    private readonly titleService: Title,
     private readonly patchData: PatchDataService,
     private readonly patchMonitor: PatchMonitorService,
     private readonly splitPane: SplitPaneTracker,
+    private readonly serverNameService: ServerNameService,
     readonly authService: AuthService,
     readonly connection: ConnectionService,
   ) {}
 
+  ngOnInit() {
+    this.serverNameService.name$
+      .pipe(take(1))
+      .subscribe(({ current }) => this.titleService.setTitle(current))
+  }
+
   splitPaneVisible({ detail }: any) {
     this.splitPane.sidebarOpen$.next(detail.visible)
   }