From a5573dce4e98e7c6135f62b226b40524dc04a374 Mon Sep 17 00:00:00 2001
From: Derek Holloway <derek@mistox.com>
Date: Sun, 20 Jul 2025 21:14:05 -0700
Subject: [PATCH] Route properly for angular

---
 src/Client/src/app/app.html | 22 +++++++++++-----------
 src/Client/src/app/app.ts   |  4 ++--
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/Client/src/app/app.html b/src/Client/src/app/app.html
index 61c0b51..c142ed6 100644
--- a/src/Client/src/app/app.html
+++ b/src/Client/src/app/app.html
@@ -1,19 +1,19 @@
 <div class="top-bar">
   <div class="top-bar-buttons">
-    <a #homeLink class="nav-button" href="">HOME</a>
-    <a #jobsLink class="nav-button" href="/jobs">JOB BOARD</a>
-    <a #resumesLink class="nav-button" href="/resumes">RESUMES</a>
+    <a #homeLink class="nav-button" routerLink="">HOME</a>
+    <a #jobsLink class="nav-button" routerLink="/jobs">JOB BOARD</a>
+    <a #resumesLink class="nav-button" routerLink="/resumes">RESUMES</a>
   </div>
-  <a class="top-bar-logo" href="">
+  <a class="top-bar-logo" routerLink="">
     <img class="top-bar-logo" style="margin: 0;" src="img/logo-full.png" />
   </a>
   <div *ngIf="auth.isLoggedIn" class="top-bar-buttons flex-right">
-      <a class="nav-button nav-button-login" href="/account/settings"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a>
-      <a class="nav-button nav-button-login" href="/account/logout"><span>LOGOUT</span></a>
+    <a class="nav-button nav-button-login" routerLink="/account/settings"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a>
+    <a class="nav-button nav-button-login" routerLink="/account/logout"><span>LOGOUT</span></a>
   </div>
   <div *ngIf="!auth.isLoggedIn" class="top-bar-buttons flex-right">
-      <a class="nav-button nav-button-login" href="/account/login"><span>LOGIN</span></a>
-      <a class="nav-button nav-button-login" href="/account/register"><span>REGISTER</span></a>
+    <a class="nav-button nav-button-login" routerLink="/account/login"><span>LOGIN</span></a>
+    <a class="nav-button nav-button-login" routerLink="/account/register"><span>REGISTER</span></a>
   </div>
 </div>
 <div class="content">
@@ -21,9 +21,9 @@
 </div>
 <div class="bottom-bar">
   <div class="bottom-bar-buttons bottom-bar-float">
-    <a class="nav-button-bottom bottom-bar-padding" href="/contact">CONTACT</a>
-    <a class="nav-button-bottom bottom-bar-padding" href="/privacy">PRIVACY</a>
-    <a class="nav-button-bottom bottom-bar-padding" href="/about">ABOUT</a>
+    <a class="nav-button-bottom bottom-bar-padding" routerLink="/contact">CONTACT</a>
+    <a class="nav-button-bottom bottom-bar-padding" routerLink="/privacy">PRIVACY</a>
+    <a class="nav-button-bottom bottom-bar-padding" routerLink="/about">ABOUT</a>
   </div>
   <a class="bottom-bar-logo" href="https://mistox.com">
     <img src="img/mistox-logo.png" />
diff --git a/src/Client/src/app/app.ts b/src/Client/src/app/app.ts
index d1bdf89..596a131 100644
--- a/src/Client/src/app/app.ts
+++ b/src/Client/src/app/app.ts
@@ -1,11 +1,11 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
-import { Router, RouterOutlet } from '@angular/router';
+import { Router, RouterModule, RouterOutlet } from '@angular/router';
 import { Authentication } from './services/Authentication';
 import { CommonModule } from '@angular/common';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, CommonModule],
+  imports: [RouterOutlet, CommonModule, RouterModule],
   templateUrl: './app.html',
   styleUrl: './app.css'
 })