From 067bf7885a46be948aac260880c2369fbadf9149 Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian_thierry@ext.connect-tech.sncf>
Date: Tue, 4 Jun 2024 12:55:46 +0200
Subject: [PATCH] Update side menu header.

---
 frontend/src/app/components/header/header.component.scss      | 3 +++
 .../src/app/components/side-menu/side-menu.component.html     | 4 ++--
 .../src/app/components/side-menu/side-menu.component.scss     | 4 +++-
 frontend/src/app/components/side-menu/side-menu.component.ts  | 3 ++-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/header/header.component.scss b/frontend/src/app/components/header/header.component.scss
index 7bc65e0..0a74241 100644
--- a/frontend/src/app/components/header/header.component.scss
+++ b/frontend/src/app/components/header/header.component.scss
@@ -33,6 +33,9 @@ $headerHeight: 3.5em;
                 display: flex;
                 justify-content: center;
                 align-items: center;
+                $buttonSize: 2.5em;
+                width: $buttonSize;
+                height: $buttonSize;
 
                 &:hover {
                     cursor: pointer;
diff --git a/frontend/src/app/components/side-menu/side-menu.component.html b/frontend/src/app/components/side-menu/side-menu.component.html
index a7e7a5e..1a336a5 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.html
+++ b/frontend/src/app/components/side-menu/side-menu.component.html
@@ -1,9 +1,9 @@
 <div class="menu {{ isOpenned ? 'displayed' : '' }}">
     <h1>
-        <span>
+        <a [routerLink]="['/home']">
             <img src="assets/images/codiki.png" alt="logo"/>
             Codiki
-        </span>
+        </a>
         <button type="button" (click)="close()" matTooltip="Close the menu">
             <mat-icon>close</mat-icon>
         </button>
diff --git a/frontend/src/app/components/side-menu/side-menu.component.scss b/frontend/src/app/components/side-menu/side-menu.component.scss
index 9641141..a2c1026 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.scss
+++ b/frontend/src/app/components/side-menu/side-menu.component.scss
@@ -26,12 +26,14 @@
             align-items: center;
             padding: 0 1em;
 
-            span {
+            a {
                 display: flex;
                 flex-direction: row;
                 justify-content: start;
                 align-items: center;
                 gap: .5em;
+                color: white;
+                text-decoration: none;
 
                 img {
                     $imageSize: 1.2em;
diff --git a/frontend/src/app/components/side-menu/side-menu.component.ts b/frontend/src/app/components/side-menu/side-menu.component.ts
index 7e710c9..68fa2cd 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.ts
+++ b/frontend/src/app/components/side-menu/side-menu.component.ts
@@ -2,11 +2,12 @@ import {Component} from '@angular/core';
 import {MatIconModule} from '@angular/material/icon';
 import {CategoriesMenuComponent} from './categories-menu/categories-menu.component';
 import {MatTooltipModule} from '@angular/material/tooltip';
+import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-side-menu',
   standalone: true,
-  imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule],
+  imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule, RouterModule],
   templateUrl: './side-menu.component.html',
   styleUrl: './side-menu.component.scss'
 })