From ef0de7f7097925e50564686831650b62f5afb225 Mon Sep 17 00:00:00 2001
From: Polianin Nikita <nikitkapolyanin@yandex.ru>
Date: Fri, 23 Aug 2024 23:57:14 +0300
Subject: [PATCH] feat: add header

---
 src/app/app.component.ts                       |  4 +++-
 .../common/header/header.component.css         |  9 +++++++++
 .../common/header/header.component.html        |  3 +++
 .../common/header/header.component.ts          | 18 ++++++++++++++++++
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 src/components/common/header/header.component.css
 create mode 100644 src/components/common/header/header.component.html
 create mode 100644 src/components/common/header/header.component.ts

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 1c8cb8a..6545c5f 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -5,12 +5,14 @@ import localeRu from '@angular/common/locales/ru';
 import {registerLocaleData} from '@angular/common';
 import {FocusNextDirective} from "@/directives/focus-next.directive";
 import {TokenRefreshService} from "@service/token-refresh.service";
+import {HeaderComponent} from "@component/common/header/header.component";
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, FooterComponent, FocusNextDirective],
+  imports: [RouterOutlet, FooterComponent, FocusNextDirective, HeaderComponent],
   template: `
+    <app-header/>
     <router-outlet/>
     <app-footer/>`
 })
diff --git a/src/components/common/header/header.component.css b/src/components/common/header/header.component.css
new file mode 100644
index 0000000..36ebaa9
--- /dev/null
+++ b/src/components/common/header/header.component.css
@@ -0,0 +1,9 @@
+mat-toolbar a {
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+mat-toolbar a:hover {
+  text-decoration: underline;
+}
diff --git a/src/components/common/header/header.component.html b/src/components/common/header/header.component.html
new file mode 100644
index 0000000..548ebc9
--- /dev/null
+++ b/src/components/common/header/header.component.html
@@ -0,0 +1,3 @@
+<mat-toolbar style="justify-content: space-between;">
+  <a href="/" style="color: inherit;">Winsomnia</a>
+</mat-toolbar>
diff --git a/src/components/common/header/header.component.ts b/src/components/common/header/header.component.ts
new file mode 100644
index 0000000..d550edd
--- /dev/null
+++ b/src/components/common/header/header.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import {MatToolbar} from "@angular/material/toolbar";
+import {MatAnchor, MatButton} from "@angular/material/button";
+
+@Component({
+  selector: 'app-header',
+  standalone: true,
+  imports: [
+    MatToolbar,
+    MatButton,
+    MatAnchor
+  ],
+  templateUrl: './header.component.html',
+  styleUrl: './header.component.css'
+})
+export class HeaderComponent {
+
+}