hiding tutorial when checked once

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);
 	}

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);