Enhance onboarding flow and fix iOS back button issue

codergautam · Dec 29, 2024 · 2d4db55 · 2d4db55
1 parent 2d80e51
commit 2d4db55
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/components/home.js b/components/home.js
@@ -1602,7 +1602,11 @@ setShowCountryButtons(false)
   window.crazyMidgame = crazyMidgame;
 
   }, []);
+
+
   function backBtnPressed(queueNextGame = false, nextGameType) {
+    setStreetViewShown(false)
+    setOnboardingCompleted(true)
 
     if (loading) setLoading(false);
     if(multiplayerError) setMultiplayerError(false)
@@ -1618,13 +1622,11 @@ setShowCountryButtons(false)
     if(screen === "onboarding") {
       setScreen("home")
       setOnboarding(null)
-      setOnboardingCompleted(true)
         gameStorage.setItem("onboarding", 'done')
 
       return;
     }
 
-    setStreetViewShown(false)
 
     if (multiplayerState?.inGame) {
       if(!multiplayerState?.gameData?.host || multiplayerState?.gameData?.state === "waiting") {
@@ -2050,8 +2052,8 @@ setShowCountryButtons(false)
   </button>
 )}
 
+        <div className={`home__content ${screen !== "home" ? "hidden" : "cshown"} `}>
 
-        <div className={`home__content ${screen !== "home" ? "hidden" : ""} `}>
 
 
         { onboardingCompleted===null ? (

diff --git a/styles/globals.scss b/styles/globals.scss
@@ -52,6 +52,16 @@ html {
   animation: hide 0.5s ease-in-out forwards;
   pointer-events: none;
 }
+// we have to do this for ios otherwise back btn makes a blank home page, not sure why
+// not even all ios devices some randomly
+.cshown {
+  left: 50%;
+  opacity: 1;
+  animation: fadeIn 0.5s ease-in-out forwards;
+  pointer-events: all;
+  display: flex !important;
+
+}
 
 .home__btns {
   display: flex;