From 23843cb72c1600730856f47a6935b1ee626fb98e Mon Sep 17 00:00:00 2001
From: Tetardtek <kvnn64@gmail.com>
Date: Tue, 24 Mar 2026 21:33:50 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20guide=20=E2=80=94=20bouton=20Jouer=20(r?=
 =?UTF-8?q?etour=20au=20jeu)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/GuidePage.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/GuidePage.tsx b/frontend/src/pages/GuidePage.tsx
index cafd1b4..34f20cf 100644
--- a/frontend/src/pages/GuidePage.tsx
+++ b/frontend/src/pages/GuidePage.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import type { Monster, Item, Recipe } from '../api/types';
-import { Swords, Shield, Map as MapIcon, Hammer, ShoppingBag, BookOpen, Sparkles, Search } from 'lucide-react';
+import { Swords, Shield, Map as MapIcon, Hammer, ShoppingBag, BookOpen, Sparkles, Search, Gamepad2 } from 'lucide-react';
 import { useGuideData } from '../hooks/useGuideData';
 
 // ── Constants ──
@@ -411,17 +412,31 @@ export function GuidePage() {
   const [tab, setTab] = useState('start');
   const [search, setSearch] = useState('');
   const { materials, filteredMonsters, filteredItems, filteredRecipes, q } = useGuideData(search);
+  const navigate = useNavigate();
 
   return (
     <div style={{ maxWidth: 900, margin: '0 auto', padding: '2rem 1rem' }}>
       {/* Header */}
-      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>
+      <div style={{ textAlign: 'center', marginBottom: '1.5rem', position: 'relative' }}>
         <h1 style={{ color: '#f4c94e', fontSize: 28, margin: '0 0 0.25rem', fontWeight: 800 }}>
           📖 Guide du Têtard
         </h1>
         <p style={{ color: '#6b7a99', fontSize: 13, margin: 0 }}>
           Tout ce qu'il faut savoir pour survivre dans le monde de TetaRdPG
         </p>
+        <button
+          onClick={() => navigate('/dashboard')}
+          style={{
+            position: 'absolute', right: 0, top: '50%', transform: 'translateY(-50%)',
+            display: 'flex', alignItems: 'center', gap: 6,
+            padding: '8px 14px', borderRadius: 8, border: '1px solid #2a3448',
+            background: '#1e2535', color: '#f4c94e', fontSize: 12,
+            fontWeight: 600, cursor: 'pointer', transition: 'all 0.15s',
+          }}
+        >
+          <Gamepad2 size={14} />
+          Jouer
+        </button>
       </div>
 
       {/* Search */}