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/components/ui/AppLogoMarkup.jsx

@@ -5,7 +5,7 @@ export default function AppLogo() {
 		<div className='application-logo'>
 			<h1 className='application-logo__title'>stay safe</h1>
 			<h2 className='application-logo__subtitle'>interactive</h2>
-			<h3 className='application-logo__draft'>draft</h3>
+			{/* <h3 className='application-logo__draft'>draft</h3> */}
 		</div>
 	);
 }

src/components/ui/AppLogoVector.jsx

@@ -1,6 +1,6 @@
 import React from "react";
-// import appLogo from "../../assets/img/logos/app_logo.svg";
+import appLogo from "../../assets/img/logos/app_logo.svg";
-import appLogo from "../../assets/img/logos/app_logo_beta.svg";
+// import appLogo from "../../assets/img/logos/app_logo_beta.svg";
 import { Link } from "react-router-dom";
 
 export default function Logo() {

src/components/ui/Footer.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import coverWorker from "../../assets/img/illustrations/cover_worker.svg";
-// import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-logo-horizontal.svg";
+import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-logo-horizontal.svg";
-import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-beta-logo-horizontal.svg";
+// import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-beta-logo-horizontal.svg";
 import logoLhoist from "../../assets/img/logos/logo-lhoist.svg";
 
 import { Link } from "react-router-dom";

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

src/pages/Home.jsx

@@ -30,7 +30,7 @@ export default function Home() {
 						<div className='screen__content__wrapper'>
 							<h1 className='application_title'>stay safe</h1>
 							<h2 className='application_subtitle'>interactive</h2>
-							<h3 className='application_draft'>draft</h3>
+							{/* <h3 className='application_draft'>draft</h3> */}
 							<p className='application_description'>
 								{currentScreenTranslations.app_description}
 							</p>