update

src/screens/Production/DownloadSongs.js

@@ -11,10 +11,21 @@ import { size } from "../../styles/Style";
 import { BlurView } from "expo-blur";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { Routes } from "../../navigation";
+import { useRoute } from "@react-navigation/core";
 
 const DownloadSongs = () => {
+  const params = useRoute().params;
+  const action = params?.action;
+
   return (
-    <Page backgroundImg={background.productionBG2} headerType="NONE">
+    <Page
+      backgroundImg={
+        action === "playback"
+          ? background.playbackBG2
+          : background.productionBG2
+      }
+      headerType="NONE"
+    >
       <MusicLandHeader onPressBack={goBack} progress={50} />
       <View style={{ flex: 1, paddingTop: responsiveHeight(15) }}>
         <CreateLyricsHeader
@@ -32,29 +43,37 @@ const DownloadSongs = () => {
             }}
           />
           <View style={{ gap: 12, paddingVertical: 12 }}>
-            <Text style={styles.title}>Prêt à télécharger ta chanson ?</Text>
+            <Text style={styles.title}>Prêt à télécharger {action === "playback" ? "ton  Playback" : "ta chanson"} ?</Text>
             <View style={{ gap: 10 }}>
               <Pressable
                 style={styles.itemContainer}
-                onPress={() => navigate(Routes.DownloadPrices)}
+                onPress={() =>
+                  navigate(Routes.DownloadPrices, {
+                    action,
+                  })
+                }
               >
                 <BlurView style={styles.blurView} intensity={40} tint="dark">
-                  <Text style={styles.label}>Télécharger ma chanson</Text>
+                  <Text style={styles.label}>Télécharger {action === "playback" ? "mon Playback" : "ma chanson"}</Text>
                   <Text style={styles.description}>Pour moi uniquement</Text>
                 </BlurView>
               </Pressable>
               <Pressable
                 style={styles.itemContainer}
-                onPress={() => navigate(Routes.StreamSong)}
+                onPress={() =>
+                  navigate(Routes.StreamSong, {
+                    action,
+                  })
+                }
               >
                 <BlurView style={styles.blurView} intensity={40} tint="dark">
                   <Text style={styles.label}>
-                    Diffuser ma chanson sur la plateforme de MusicLand (+
+                    Diffuser {action === "playback" ? "mon Playback" : "ma chanson"} sur la plateforme de MusicLand (+
                     réseaux sociaux) et participer au concours
                   </Text>
                   <Text style={styles.description}>
                     Top 3: 1er 15% du CA ML - 2ème 10% du CA ML - 3ème 5% du CA
-                    ML (catégorie chanson)
+                    ML (catégorie {action === "playback" ? "Playback" : "chanson"})
                   </Text>
                 </BlurView>
               </Pressable>