Added protected Tracks page

src/RunnersMeet.Client/src/app/app-routing.module.ts

@@ -1,12 +1,19 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { AuthGuard } from '@auth0/auth0-angular';
 import { HomePageComponent } from './pages/home-page/home-page.component';
+import { TracksPageComponent } from './pages/tracks-page/tracks-page.component';
 
 const routes: Routes = [
 	{
 		path: '',
-		component: HomePageComponent
-	}
+		component: HomePageComponent,
+	},
+	{
+		path: 'tracks',
+		component: TracksPageComponent,
+		canActivate: [AuthGuard],
+	},
 ];
 
 @NgModule({

src/RunnersMeet.Client/src/app/app.module.ts

@@ -6,11 +6,13 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { environment } from '../env/environment';
 import { HomePageComponent } from './pages/home-page/home-page.component';
+import { TracksPageComponent } from './pages/tracks-page/tracks-page.component';
 
 @NgModule({
 	declarations: [
 		AppComponent,
 		HomePageComponent,
+		TracksPageComponent,
 	],
 	imports: [
 		BrowserModule,

src/RunnersMeet.Client/src/app/pages/home-page/home-page.component.html

@@ -17,3 +17,6 @@
 	Not authenticated
 	<button type="button" (click)="login()">Login</button>
 </div>
+<ul>
+	<li><a [routerLink]="['/tracks']">Tracks</a></li>
+</ul>

src/RunnersMeet.Client/src/app/pages/tracks-page/tracks-page.component.html

@@ -0,0 +1 @@
+<p>tracks-page works!</p>

src/RunnersMeet.Client/src/app/pages/tracks-page/tracks-page.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TracksPageComponent } from './tracks-page.component';
+
+describe('TracksPageComponent', () => {
+	let component: TracksPageComponent;
+	let fixture: ComponentFixture<TracksPageComponent>;
+
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [TracksPageComponent]
+		})
+			.compileComponents();
+
+		fixture = TestBed.createComponent(TracksPageComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/RunnersMeet.Client/src/app/pages/tracks-page/tracks-page.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-tracks-page',
+	templateUrl: './tracks-page.component.html',
+	styleUrls: ['./tracks-page.component.scss']
+})
+export class TracksPageComponent {
+
+}