From 6ab8aaa2c92e6bb2a4b768e0de8ca5dd1b98cdcc Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 19 Mar 2024 15:55:02 +0100
Subject: [PATCH] handling button toggle tutorial

---
 src/components/game/Help.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/game/Help.jsx b/src/components/game/Help.jsx
index 2bceb3f..aa9b3cb 100644
--- a/src/components/game/Help.jsx
+++ b/src/components/game/Help.jsx
@@ -1,9 +1,16 @@
 import React from "react";
 import helpIcon from "../../assets/img/icons/help-icon.svg";
+import { useGame } from "../../hooks/useGame";
+
 export default function Help() {
+	const { hasCheckedTutorial, setHasCheckedTutorial } = useGame();
+
 	return (
-		<div className='help'>
+		<button
+			className='help'
+			title="afficher l'aide"
+			onClick={() => setHasCheckedTutorial(!hasCheckedTutorial)}>
 			<img className='help__icon' src={helpIcon} alt='' />
-		</div>
+		</button>
 	);
 }