From 4f757ec1e744462abd347245f05eafe06e058979 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 24 Oct 2024 14:38:46 +0200
Subject: [PATCH] hiding tutorial when checked once

---
 src/components/tutorials/Tutorials.jsx | 2 ++
 src/context/GameContext.js             | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/tutorials/Tutorials.jsx b/src/components/tutorials/Tutorials.jsx
index 67e2a61..b9b9a7d 100644
--- a/src/components/tutorials/Tutorials.jsx
+++ b/src/components/tutorials/Tutorials.jsx
@@ -23,6 +23,8 @@ export default function Tutorials() {
 		document.querySelector("dialog").scrollTo(0, 0);
 	}
 	function startGame() {
+		localStorage.setItem("hasAlreadyCheckedTutorial", true);
+
 		setIsTimeRuning(true);
 		setHasCheckedTutorial(true);
 	}
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 6158edd..7d81d10 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -11,6 +11,8 @@ export const GameContext = createContext();
 export function GameContextProvider({ children }) {
 	const navigate = useNavigate();
 
+	const hasAlreadyCheckedTutorial = localStorage.getItem("hasAlreadyCheckedTutorial") || false;
+
 	const { language, country } = useUser();
 
 	// ##### DATA #####
@@ -23,7 +25,7 @@ export function GameContextProvider({ children }) {
 	const [remainingQuestionsAmount, setRemainingQuestionsAmount] = useState(null);
 
 	// ##### INTERFACE #####
-	const [hasCheckedTutorial, setHasCheckedTutorial] = useState(false);
+	const [hasCheckedTutorial, setHasCheckedTutorial] = useState(hasAlreadyCheckedTutorial);
 	const [currentGameModal, setCurrentGameModal] = useState(null);
 	const [isSoundOn, setIsSoundOn] = useState(true);