From d515932ea1a3cdfd8450131ef216382df359c0fa Mon Sep 17 00:00:00 2001
From: William Newman <3382274+newmanw@users.noreply.github.com>
Date: Sat, 7 Sep 2024 10:22:48 -0600
Subject: [PATCH] Fix about component

---
 web-app/src/app/about/about.component.html | 2 +-
 web-app/src/app/about/about.component.ts   | 5 +----
 web-app/src/app/about/about.module.ts      | 2 ++
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/web-app/src/app/about/about.component.html b/web-app/src/app/about/about.component.html
index c2d5ee18e..ee40a92a9 100644
--- a/web-app/src/app/about/about.component.html
+++ b/web-app/src/app/about/about.component.html
@@ -41,7 +41,7 @@
 
   <div>
     <div class="mat-h1">System</div>
-    <div>Server Version {{mageVersion.major}}.{{mageVersion.minor}}.{{mageVersion.micro}}</div>
+    <div>Server Version {{mageVersion?.major}}.{{mageVersion?.minor}}.{{mageVersion?.micro}}</div>
     <div>Node Version {{nodeVersion}}</div>
     <div>MongoDB Version {{mongoVersion}}</div>
   </div>
diff --git a/web-app/src/app/about/about.component.ts b/web-app/src/app/about/about.component.ts
index 856add689..df14f04a3 100644
--- a/web-app/src/app/about/about.component.ts
+++ b/web-app/src/app/about/about.component.ts
@@ -8,8 +8,6 @@ import { Router } from '@angular/router';
   styleUrls: ['./about.component.scss']
 })
 export class AboutComponent implements OnInit {
-
-  name: string
   mageVersion: {
     major: number,
     minor: number,
@@ -26,7 +24,6 @@ export class AboutComponent implements OnInit {
 
   ngOnInit(): void {
     this.apiService.getApi().subscribe(api =>{
-      this.name = api.name;
       this.mageVersion = api.version;
       this.apk = api.apk;
       this.nodeVersion = api.environment.nodeVersion;
@@ -35,6 +32,6 @@ export class AboutComponent implements OnInit {
   }
 
   onBack(): void {
-    this.router.navigate(['map']);
+    this.router.navigate(['home']);
   }
 }
diff --git a/web-app/src/app/about/about.module.ts b/web-app/src/app/about/about.module.ts
index 7408eecf5..21bd9be27 100644
--- a/web-app/src/app/about/about.module.ts
+++ b/web-app/src/app/about/about.module.ts
@@ -4,6 +4,7 @@ import { RouterModule, Routes } from '@angular/router';
 import { AboutComponent } from './about.component';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
 
 const routes: Routes = [{
   path: '',
@@ -15,6 +16,7 @@ const routes: Routes = [{
   imports: [],
   exports: [
     CommonModule,
+    MatButtonModule,
     MatIconModule,
     MatToolbarModule
   ]