modal transition

src/screens/cover/ValidateCover.js

@@ -3,6 +3,7 @@ import React, { useCallback, useMemo, useState } from "react";
 import { Pressable, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background } from "../../assets";
+import alert from "../../components/Alert";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { isWeb } from "../../hooks/useLayoutType";
@@ -11,6 +12,7 @@ import { Routes } from "../../navigation";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
 import { gutters, Palette, Style } from "../../styles";
+import { getStageAction } from "../../utils/projectStages";
 import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 
 const ValidateCover = () => {
@@ -95,18 +97,46 @@ const ValidateCover = () => {
       const existingCover = selectedProject?.cover || {};
       const finalUrl =
         selectedOption.finalUrl || selectedOption.generatedUrl || null;
+      const nextCoverData = {
+        ...existingCover,
+        options: coverOptions,
+        selectedOptionId: selectedOption.id,
+        result: finalUrl,
+        generatedBackground:
+          selectedOption.generatedUrl || selectedOption.finalUrl || null,
+      };
       await updateProjectData({
-        cover: {
-          ...existingCover,
-          options: coverOptions,
-          selectedOptionId: selectedOption.id,
-          result: finalUrl,
-          generatedBackground:
-            selectedOption.generatedUrl || selectedOption.finalUrl || null,
-        },
+        cover: nextCoverData,
         coverUrl: finalUrl,
       });
-      navigate(Routes.Home);
+      const projectForStage = {
+        ...selectedProject,
+        cover: nextCoverData,
+        coverUrl: finalUrl,
+      };
+      const playbackStage = getStageAction("director", projectForStage);
+      await setIsLoading(false);
+      alert(
+        "Malik",
+        "Super ! Ta pochette est validée. Tu peux retourner à l'accueil ou continuer avec John pour produire ton playback.",
+        [
+          {
+            text: "Retour à l'accueil",
+            style: "cancel",
+            onPress: () => navigate(Routes.Home),
+          },
+          {
+            text: "Continuer avec John",
+            onPress: () => {
+              const targetRoute = playbackStage?.route || Routes.Playback;
+              const params =
+                playbackStage?.params || { project: projectForStage };
+              navigate(targetRoute, params);
+            },
+          },
+        ]
+      );
+      return;
     } catch (e) {
       console.log(e);
     } finally {