From ccd08bc0f03cb59b351c19d78ac0f937a5270368 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Mon, 25 Aug 2025 11:13:20 +0200
Subject: Moved breadcrum navigation into its own component

---
 frontend/src/pages/Maplist/Maplist.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

(limited to 'frontend/src/pages/Maplist/Maplist.tsx')

diff --git a/frontend/src/pages/Maplist/Maplist.tsx b/frontend/src/pages/Maplist/Maplist.tsx
index a5649db..d8acdf0 100644
--- a/frontend/src/pages/Maplist/Maplist.tsx
+++ b/frontend/src/pages/Maplist/Maplist.tsx
@@ -7,6 +7,7 @@ import { Game } from "@customTypes/Game.ts";
 import { GameChapter, GamesChapters } from "@customTypes/Chapters.ts";
 
 import Map from "./Components/Map";
+import BreadcrumbNav from "@components/BreadcrumbNav/BreadcrumbNav";
 
 const Maplist: React.FC = () => {
   const [game, setGame] = React.useState<Game | null>(null);
@@ -89,24 +90,17 @@ const Maplist: React.FC = () => {
   }, [gameChapters, location.search]);
 
   return (
-    <div className="px-12">
+    <div className="">
       <Helmet>
         <title>LPHUB | Maplist</title>
       </Helmet>
 
-      <section className="my-5">
-        <Link to="/games">
-          <button className="nav-button rounded-[20px] h-10 bg-surface border-0 text-foreground text-lg font-barlow-semicondensed-regular transition-colors duration-100 hover:bg-surface2 flex items-center px-2">
-            <i className="triangle mr-2"></i>
-            <span className="px-2">Games List</span>
-          </button>
-        </Link>
-      </section>
+      <BreadcrumbNav />
 
       {load ? (
         <div></div>
       ) : (
-        <section>
+        <section className="px-12">
           <h1 className="text-3xl sm:text-6xl my-0">
             {game?.name}
           </h1>
-- 
cgit v1.2.3

