continue generating flow, add backend connection on main tabs

src/screens/Studio/Studio.js

@@ -8,106 +8,13 @@ import { Routes } from "../../navigation";
 import { gutters } from "../../styles";
 import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
-import useDataFromRef from "../../hooks/useDataFromRef";
+import { useUser } from "../../providers/UserDataProvider";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 
 const Studio = () => {
-  const { setIsLoading } = useMinuit();
   const [selected, setSelected] = useState(null);
 
-  const user = firebase.auth().currentUser;
-  const { data: projects } = useDataFromRef({
-    ref: user
-      ? firebase
-          .firestore()
-          .collection("projects")
-          .where("userId", "==", user.uid)
-          .orderBy("createdAt", "desc")
-      : firebase
-          .firestore()
-          .collection("projects")
-          .orderBy("createdAt", "desc"),
-    simpleRef: false,
-    listener: true,
-    condition: true,
-  });
-
-  async function generateMusic() {
-    try {
-      await setIsLoading(true);
-      const { data } = await firebase
-        .functions()
-        .httpsCallable("music-generateMusic")({
-        lyrics: [
-          {
-            lyrics:
-              "Sous le ciel de minuit, une idée prend son envol\nUn éclat dans le noir, comme un nouveau symbole\nDes startups qui rêvent, des projets plein d'ardeur\nMinuit est là pour elles, avec cœur et saveur\nDes écrans qui s'allument, des lignes de code en fête\nL'équipe est au taquet, pas de place pour la défaite\nLe design est notre guide, l'humain notre priorité\nPour bâtir le futur, avec créativité",
-            type: "couplet",
-          },
-          {
-            lyrics:
-              "Minuit, oh Minuit, on avance ensemble vers l'infini\nNotre passion digitale, c'est notre plus beau défi\nDes idées qui fusent, l'esprit d'équipe au rendez-vous\nPour que chaque projet, brille de mille feux, c'est tout\nLa joie dans nos cœurs, l'énergie à revendre\nMinuit, c'est la flamme qui nous fait bien comprendre\nQue l'innovation, c'est la clé de demain\nAvec vous, à vos côtés, main dans la main !",
-            type: "refrain",
-          },
-          {
-            lyrics:
-              "Du prototype agile, au financement final\nOn vous accompagne, c'est notre idéal\nApplications mobiles, sur mesure et parfaites\nL'optimisation constante, pour des routes bien nettes\nL'accompagnement précis, le sourire sur les visages\nC'est ça notre ADN, notre plus beau message\nLa nuit ne fait que commencer, le travail est un plaisir\nEnsemble, nous allons loin, pour un grand avenir",
-            type: "couplet",
-          },
-          {
-            lyrics:
-              "Minuit, oh Minuit, on avance ensemble vers l'infini\nNotre passion digitale, c'est notre plus beau défi\nDes idées qui fusent, l'esprit d'équipe au rendez-vous\nPour que chaque projet, brille de mille feux, c'est tout\nLa joie dans nos cœurs, l'énergie à revendre\nMinuit, c'est la flamme qui nous fait bien comprendre\nQue l'innovation, c'est la clé de demain\nAvec vous, à vos côtés, main dans la main !",
-            type: "refrain",
-          },
-        ],
-        title: "Viens avec nous chez Minuit",
-        genres: [
-          "Pop : Musique commerciale destinée au grand public, accrocheuse et mélodique. Domine les charts internationaux avec des artistes ultra-médiatisés.",
-          "Soul : Voix puissantes, émotion, style afro-américain. Influence pop et le R&B. Mélodieuse, émotionnelle et expressive dérivée du gospel et du R&B. authenticité émotionnelle.",
-        ],
-        voice:
-          "Un chœur gospel pour donner une dimension spirituelle et émotionnelle à la chanson.",
-        instruments: [
-          "Piano classique",
-          "Synthétiseur",
-          "Guitare acoustique",
-          "Violon",
-        ],
-        tempo: "Normal",
-      });
-      console.log("data", data);
-    } catch (e) {
-      console.log(e);
-    } finally {
-      await setIsLoading(false);
-    }
-  }
-
-  async function testSunoStatus() {
-    try {
-      await setIsLoading(true);
-      const { data } = await firebase
-        .functions()
-        .httpsCallable("music-getSunoStatus")({
-        taskId: "1b04b24a9b95a46125a73f25144b74c2",
-      });
-      console.log("🎵 Status data:", data);
-
-      if (data.success) {
-        console.log("✅ Fonction getSunoStatus fonctionne correctement");
-        if (data.data.isTestId) {
-          console.log("ℹ️ TaskId de test détecté - réponse simulée");
-        }
-      }
-    } catch (e) {
-      console.log("❌ Erreur getSunoStatus:", e.message || e);
-      if (e.message && e.message.includes("404")) {
-        console.log("ℹ️ Erreur 404 normale pour un taskId de test");
-      }
-    } finally {
-      await setIsLoading(false);
-    }
-  }
+  const { userProjects: projects } = useUser();
 
   return (
     <Page
@@ -207,15 +114,26 @@ const Studio = () => {
           }}
         />
         {selected?.musicUrls?.length > 0 && (
-          <GradientButton
-            title="Ecouter les audios"
-            containerStyle={{
-              marginTop: responsiveHeight(2),
-            }}
-            onPress={() =>
-              navigate(Routes.SongReady, { projectId: selected.id })
-            }
-          />
+          <>
+            <GradientButton
+              title="Ecouter les audios"
+              containerStyle={{
+                marginTop: responsiveHeight(2),
+              }}
+              onPress={() =>
+                navigate(Routes.SongReady, { projectId: selected.id })
+              }
+            />
+            <GradientButton
+              title="Générer une pochette"
+              containerStyle={{
+                marginTop: responsiveHeight(2),
+              }}
+              onPress={() =>
+                navigate(Routes.PouchReady, { projectId: selected.id })
+              }
+            />
+          </>
         )}
       </View>
     </Page>