start adventur

src/screens/Home/Home.js

@@ -11,11 +11,12 @@ import { background } from "../../assets";
 import Alert from "../../components/Alert";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import FeatureCarousel from "../../components/FeatureCarousel/FeatureCarousel";
+import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
 import GradientButton from "../../components/GradientButton";
 import MoreMenu from "../../components/MoreMenu";
 import ProjectDropDown from "../../components/ProjectDropDown/ProjectDropDown";
 import ShareBtn from "../../components/ShareBtn/ShareBtn";
-import { projectsRef } from "../../config/firebase";
+import { projectsRef, usersRef } from "../../config/firebase";
 import { isWeb } from "../../hooks/useLayoutType.js";
 import Page from "../../layouts/Page";
 import { navigate } from "../../navigation/NavigationService";
@@ -34,6 +35,8 @@ const Home = () => {
     selectProject,
     selectedProject,
     selectedProjectId,
+    currentUserData,
+    currentUID,
   } = useUser();
   const { setTooltip } = useMinuit();
 
@@ -98,13 +101,14 @@ const Home = () => {
     return stageStates.length - 1;
   }, [stageStates]);
 
-  const [activeStageIndex, setActiveStageIndex] =
-    useState(preferredStageIndex);
+  const [activeStageIndex, setActiveStageIndex] = useState(preferredStageIndex);
   const [menuVisible, setMenuVisible] = useState(false);
   const [menuAnchor, setMenuAnchor] = useState(null);
   const [menuProject, setMenuProject] = useState(null);
   const menuAnchorRef = useRef(null);
   const testLoaderTimeoutRef = useRef(null);
+  const [isIntroVideoVisible, setIsIntroVideoVisible] = useState(false);
+  const [hasLocalAdventureFlag, setHasLocalAdventureFlag] = useState(false);
 
   useEffect(() => {
     setActiveStageIndex((prev) => {
@@ -278,7 +282,50 @@ const Home = () => {
 
   const continueDisabled = !hasActiveProject || stageLocked || !stageRoute;
   const startDisabled = !songwriterAction?.route;
-  return (
+
+  useEffect(() => {
+    if (currentUserData?.adventureStarted) {
+      setHasLocalAdventureFlag(true);
+    }
+  }, [currentUserData?.adventureStarted]);
+
+  const persistAdventureStarted = useCallback(async () => {
+    if (!currentUID) {
+      return;
+    }
+    await usersRef
+      .doc(currentUID)
+      .set({ adventureStarted: true }, { merge: true });
+  }, [currentUID]);
+
+  const markAdventureStarted = useCallback(() => {
+    if (hasLocalAdventureFlag) {
+      return;
+    }
+    setHasLocalAdventureFlag(true);
+    persistAdventureStarted().catch((error) => {
+      console.warn("Home: adventureStarted update failed", error);
+      setHasLocalAdventureFlag(false);
+      setTooltip?.({
+        type: "error",
+        text: "Impossible de mettre à jour votre profil",
+      });
+    });
+  }, [hasLocalAdventureFlag, persistAdventureStarted, setTooltip]);
+
+  const handleStartVisit = useCallback(() => {
+    setIsIntroVideoVisible(true);
+  }, []);
+
+  const handleIntroVideoClose = useCallback(() => {
+    setIsIntroVideoVisible(false);
+    markAdventureStarted();
+  }, [markAdventureStarted]);
+
+  const adventureStarted =
+    hasLocalAdventureFlag || !!currentUserData?.adventureStarted;
+
+  return adventureStarted ? (
     <Page
       shareBtn
       headerType="NONE"
@@ -369,6 +416,27 @@ const Home = () => {
         </View>
       </View>
     </Page>
+  ) : (
+    <>
+      <Page shareBtn title="Landing Page" backgroundImg={background.homeBGWeb}>
+        <View
+          style={{
+            flex: 1,
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          <GradientButton
+            title="Commencer l'aventure MusicLand"
+            onPress={handleStartVisit}
+          />
+        </View>
+      </Page>
+      <FullscreenIntroVideo
+        visible={isIntroVideoVisible}
+        onClose={handleIntroVideoClose}
+      />
+    </>
   );
 };