From 73220708763554a090539a068692e76e29c07208 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Wed, 3 Jul 2024 14:55:02 +0200
Subject: [PATCH] fix(components): :wheelchair: wrong html semantic replace
 `nav` by `menu`

---
 components/Header.css |  4 ++--
 components/Header.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/Header.css b/components/Header.css
index 843e58b..523e56b 100644
--- a/components/Header.css
+++ b/components/Header.css
@@ -37,7 +37,7 @@ header div {
 	}
 }
 
-header nav {
+header menu {
 	margin: 0;
 	padding: 0;
 	width: 100%;
@@ -151,7 +151,7 @@ header details {
 	}
 }
 
-.components__header__nav_button {
+.components__header__menu_button {
 	color: var(--_font-color);
 	display: inline-block;
 	text-decoration: none;
diff --git a/components/Header.tsx b/components/Header.tsx
index ff2060d..789a6a1 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -15,21 +15,21 @@ export function Header() {
 						<span class='components__header__brand__text'>bit</span>
 					</a>
 				</span>
-				<nav>
+				<menu>
 					<li>
-						<a href='/machines' class='components__header__nav_button'>
+						<a href='/machines' class='components__header__menu_button'>
 							<i class='ri-hammer-line'></i>
 							<span>Machines</span>
 						</a>
 					</li>
 					<li>
-						<a href='/projets' class='components__header__nav_button'>
+						<a href='/projets' class='components__header__menu_button'>
 							<i class='ri-organization-chart'></i>
 							<span>Projets</span>
 						</a>
 					</li>
 					<li>
-						<a href='/blog' class='components__header__nav_button'>
+						<a href='/blog' class='components__header__menu_button'>
 							<i class='ri-question-answer-line'></i>
 							<span>Blog</span>
 						</a>
@@ -53,7 +53,7 @@ export function Header() {
 							</ul>
 						</details>
 					</li>
-				</nav>
+				</menu>
 				<SearchBox />
 				<MoreBox>
 					<ThemePicker />