From 362de62e2fe02dd5ec28ccf6627d356e9d3d7530 Mon Sep 17 00:00:00 2001
From: AlveElde <alve_elde@hotmail.com>
Date: Thu, 28 Nov 2024 20:26:31 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=AAAdd=20logout=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index fcc6507..4fc0f1f 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -5,6 +5,7 @@ import { NavLink } from "react-router-dom";
 import styles from "./Header.module.css";
 
 const ADMIN_URL = `${import.meta.env.VITE_API_URL}/admin/`;
+const LOGOUT_URL = `${import.meta.env.VITE_API_URL}/`.replace("://", "://none:none@");
 
 const navLinkStyles = ({ isActive }: { isActive: boolean }) => clsx(styles.navLink, { [styles.active]: isActive });
 
@@ -48,6 +49,11 @@ export const Header = (): JSX.Element => {
               Admin
             </a>
           </li>
+          <li>
+            <a href={LOGOUT_URL} className={styles.navLink}>
+              Logg ut
+            </a>
+          </li>
         </ul>
       </nav>
     </header>