fix game navigation

client/src/components/GameNavigation.jsx

@@ -21,10 +21,9 @@ export function GameNavigation() {
   const handleBack = () => {
     playSound("page");
     if (location === "/game") {
-      navigate("/");
-      window.location.reload();
+      window.location.href = "/";
     } else {
-      navigate("/");
+      window.location.href = "/";
     }
   };
 

client/src/pages/Game.jsx

@@ -234,13 +234,21 @@ function GameContent() {
   // Gérer la transition vers le jeu
   useEffect(() => {
     if (isTransitionLoading) {
-      // Attendre 3 secondes avant de passer au jeu
-      const timer = setTimeout(() => {
-        setIsTransitionLoading(false);
-      }, 3000);
-      return () => clearTimeout(timer);
+      // Vérifier si le jeu est prêt à être affiché
+      const isGameReady =
+        segments.length > 0 &&
+        segments[0].images &&
+        segments[0].images.length > 0;
+
+      if (isGameReady) {
+        // Attendre un peu pour la transition visuelle
+        const timer = setTimeout(() => {
+          setIsTransitionLoading(false);
+        }, 1000);
+        return () => clearTimeout(timer);
+      }
     }
-  }, [isTransitionLoading]);
+  }, [isTransitionLoading, segments]);
 
   // Effet pour gérer le scroll et la narration des nouveaux segments
   useEffect(() => {
@@ -312,7 +320,8 @@ function GameContent() {
 
   const handleBack = () => {
     playSound("page");
-    navigate("/tutorial");
+    localStorage.removeItem("slot_machine_shown");
+    window.location.href = "/tutorial";
   };
 
   const handleCaptureStory = async () => {
@@ -329,8 +338,8 @@ function GameContent() {
     );
   }
 
-  // Show loading state while session is initializing or universe is not ready
-  if (isSessionLoading || !gameUniverse || !slotMachineState.style) {
+  // Premier loading : en attendant la réponse de l'univers
+  if (isSessionLoading) {
     return (
       <Box
         sx={{
@@ -356,8 +365,8 @@ function GameContent() {
     );
   }
 
-  // Afficher la slot machine seulement si on a l'univers ET les données sont initialisées
-  if (isInitialLoading && gameUniverse && slotMachineState.style) {
+  // Slot machine : dès que l'univers est disponible
+  if (gameUniverse && slotMachineState.style && isInitialLoading) {
     return (
       <Box sx={{ width: "100%", height: "100vh", backgroundColor: "#1a1a1a" }}>
         <UniverseSlotMachine
@@ -374,8 +383,13 @@ function GameContent() {
     );
   }
 
-  // Afficher l'écran de transition après la slot machine
-  if (isTransitionLoading) {
+  // Loading final : après la slot machine jusqu'à ce que le jeu soit prêt
+  if (
+    isTransitionLoading ||
+    !segments.length ||
+    !segments[0].images ||
+    segments[0].images.length === 0
+  ) {
     return (
       <Box
         sx={{
@@ -396,10 +410,7 @@ function GameContent() {
             right: 0,
           }}
         />
-        <RotatingMessage
-          messages={TRANSITION_MESSAGES}
-          isVisible={isTransitionLoading}
-        />
+        <RotatingMessage messages={TRANSITION_MESSAGES} isVisible={true} />
       </Box>
     );
   }