big refacto change all flows

src/screens/Studio/Compose.js

@@ -1,21 +1,20 @@
-import { View, Text, StyleSheet, Image } from "react-native";
-import React from "react";
+import { View, StyleSheet, Image } from "react-native";
+import React, { useState } from "react";
 import { ai, background } from "../../assets";
 import Page from "../../layouts/Page";
 import { goBack, navigate } from "../../navigation/NavigationService";
-import { useRoute } from "@react-navigation/native";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { Routes } from "../../navigation";
 import GradientButton from "../../components/GradientButton";
 import { gutters } from "../../styles";
+import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
 
 const Compose = () => {
-  const route = useRoute();
-  const projectId = route?.params?.projectId;
+  const [showIntro, setShowIntro] = useState(true);
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
       <Image source={ai.theo} style={styles.img} resizeMode="contain" />
-      <MusicLandHeader showSkip onPressBack={goBack} progress={9} />
+      <MusicLandHeader onPressBack={goBack} progress={9} />
       <View
         style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
       >
@@ -28,10 +27,14 @@ const Compose = () => {
         >
           <GradientButton
             title="Composer ma chanson"
-            onPress={() => navigate(Routes.ComposeSong, { projectId })}
+            onPress={() => navigate(Routes.ComposeSong)}
           />
         </View>
       </View>
+      <FullscreenIntroVideo
+        visible={showIntro}
+        onClose={() => setShowIntro(false)}
+      />
     </Page>
   );
 };