From 080fa80f03023abc6703e92d65ce3dfca9ad6933 Mon Sep 17 00:00:00 2001
From: Julian Brunner <brunner_julian@yahoo.com>
Date: Fri, 9 Sep 2022 21:50:11 +0200
Subject: [PATCH] Add Match History component and update header menu.

---
 src/app/app-routing.module.ts                 |  4 +++-
 src/app/app.module.ts                         |  4 +++-
 .../components/header/header.component.html   |  2 ++
 .../match-history.component.html              |  4 ++++
 .../match-history.component.scss              |  5 ++++
 .../match-history.component.spec.ts           | 23 +++++++++++++++++++
 .../match-history/match-history.component.ts  | 15 ++++++++++++
 7 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 src/app/pages/match-history/match-history.component.html
 create mode 100644 src/app/pages/match-history/match-history.component.scss
 create mode 100644 src/app/pages/match-history/match-history.component.spec.ts
 create mode 100644 src/app/pages/match-history/match-history.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index edcd738..c363ba5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,11 +3,13 @@ import {RouterModule, Routes} from '@angular/router';
 import {GamenightComponent} from './pages/gamenight/gamenight.component';
 import {HomeComponent} from './pages/home/home.component';
 import {StatsComponent} from './pages/stats/stats.component';
+import {MatchHistoryComponent} from "./pages/match-history/match-history.component";
 
 const routes: Routes = [
 	{path: '', component: HomeComponent, pathMatch: 'full'},
 	{path: 'gamenight', component: GamenightComponent},
-	{path: 'stats', component: StatsComponent}
+	{path: 'stats', component: StatsComponent},
+	{path: 'match-history', component: MatchHistoryComponent}
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index f37acad..0a17765 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -8,6 +8,7 @@ import {StatsComponent} from './pages/stats/stats.component';
 import {GamenightComponent} from './pages/gamenight/gamenight.component';
 import {HeaderComponent} from './components/header/header.component';
 import {ProfileComponent} from './components/profile/profile.component';
+import { MatchHistoryComponent } from './pages/match-history/match-history.component';
 
 @NgModule({
 	declarations: [
@@ -16,7 +17,8 @@ import {ProfileComponent} from './components/profile/profile.component';
 		StatsComponent,
 		GamenightComponent,
 		HeaderComponent,
-		ProfileComponent
+		ProfileComponent,
+  MatchHistoryComponent
 	],
 	imports: [
 		BrowserModule,
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index b19b6eb..e545b5e 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -4,6 +4,7 @@
 		<div id="menu-desktop">
 			<div (click)="navigate('/')">Home</div>
 			<div (click)="navigate('/gamenight')">Game night</div>
+			<div (click)="navigate('match-history')">Match History</div>
 			<div (click)="navigate('/stats')">Stats</div>
 		</div>
 		<div id="menu-mobile">
@@ -11,6 +12,7 @@
 			<div id="menu-mobile-dropdown-content">
 				<div (click)="navigate('/')">Home</div>
 				<div (click)="navigate('/gamenight')">Game night</div>
+				<div (click)="navigate('match-history')">Match History</div>
 				<div (click)="navigate('/stats')">Stats</div>
 			</div>
 
diff --git a/src/app/pages/match-history/match-history.component.html b/src/app/pages/match-history/match-history.component.html
new file mode 100644
index 0000000..aad1110
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.html
@@ -0,0 +1,4 @@
+<app-header></app-header>
+<div id="match-history">
+	<p>match-history works!</p>
+</div>
diff --git a/src/app/pages/match-history/match-history.component.scss b/src/app/pages/match-history/match-history.component.scss
new file mode 100644
index 0000000..8bf9a2c
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.scss
@@ -0,0 +1,5 @@
+@import '../../../styles';
+
+#match-history {
+	padding-top: $header_height;
+}
diff --git a/src/app/pages/match-history/match-history.component.spec.ts b/src/app/pages/match-history/match-history.component.spec.ts
new file mode 100644
index 0000000..c2678b0
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MatchHistoryComponent } from './match-history.component';
+
+describe('MatchHistoryComponent', () => {
+  let component: MatchHistoryComponent;
+  let fixture: ComponentFixture<MatchHistoryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MatchHistoryComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MatchHistoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/match-history/match-history.component.ts b/src/app/pages/match-history/match-history.component.ts
new file mode 100644
index 0000000..f02a98c
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-match-history',
+  templateUrl: './match-history.component.html',
+  styleUrls: ['./match-history.component.scss']
+})
+export class MatchHistoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}