Change main page and modify flows

src/screens/Writing/Lyrics.js

@@ -1,17 +1,16 @@
-import { View, Text, ScrollView, Alert } from "react-native";
+import { View, ScrollView, Alert } from "react-native";
 import React, { useMemo, useState, useCallback } from "react";
 import Page from "../../layouts/Page";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { goBack, navigate } from "../../navigation/NavigationService";
-import { gutters, Palette } from "../../styles";
+import { gutters } from "../../styles";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
 import { Routes } from "../../navigation";
 import CustomInput from "./components/CustomInput";
-import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import { useRoute } from "@react-navigation/native";
-import firebase from "../../config/firebase";
+import firebase, { projectsRef } from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 
 const Lyrics = ({ navigation }) => {
@@ -20,17 +19,30 @@ const Lyrics = ({ navigation }) => {
   const lyricsData = route?.params?.lyricsData;
   const config = route?.params?.config;
   const selections = route?.params?.selections;
+  const hasLyrics = !!route?.params?.hasLyrics;
   const { setIsLoading } = useMinuit();
 
   const initial = useMemo(() => {
     const title = lyricsData?.title || "";
-    const aiSections = Array.isArray(lyricsData?.lyrics) ? lyricsData.lyrics : [];
+    const aiSections = Array.isArray(lyricsData?.lyrics)
+      ? lyricsData.lyrics
+      : [];
     // Respecter l'ordre de la structure choisie si disponible
     const targetStructure = Array.isArray(config?.structure)
       ? config.structure.map((t) => (t || "").toLowerCase())
       : null;
-    if (aiSections.length && targetStructure && aiSections.length === targetStructure.length) {
-      return { title, sections: aiSections.map((s) => ({ type: (s?.type || "").toLowerCase(), lyrics: s?.lyrics || "" })) };
+    if (
+      aiSections.length &&
+      targetStructure &&
+      aiSections.length === targetStructure.length
+    ) {
+      return {
+        title,
+        sections: aiSections.map((s) => ({
+          type: (s?.type || "").toLowerCase(),
+          lyrics: s?.lyrics || "",
+        })),
+      };
     }
     // Sinon, créer à partir de la structure
     if (targetStructure && targetStructure.length) {
@@ -77,9 +89,23 @@ const Lyrics = ({ navigation }) => {
   const onValidate = useCallback(async () => {
     try {
       await setIsLoading(true);
+      const titleTrimmed = (titleValue || "").trim();
+      if (!titleTrimmed) {
+        Alert.alert("Titre manquant", "Veuillez renseigner un titre.");
+        return;
+      }
+      const invalid = (sections || []).some((s) => !(s?.lyrics || "").trim());
+      if (invalid) {
+        Alert.alert(
+          "Champs incomplets",
+          "Chaque couplet et refrain doit contenir du texte.",
+        );
+        return;
+      }
       const user = firebase.auth().currentUser;
       const payload = {
-        title: titleValue?.trim() || "",
+        title: titleTrimmed,
+        titleLower: titleTrimmed.toLowerCase(),
         lyrics: (sections || []).map((s) => ({
           type: (s?.type || "").toLowerCase(),
           lyrics: s?.lyrics || "",
@@ -89,9 +115,10 @@ const Lyrics = ({ navigation }) => {
         userId: user ? user.uid : null,
         createdAt: firebase.firestore.FieldValue.serverTimestamp(),
         updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+        hasLyrics,
       };
-      await firebase.firestore().collection("projects").add(payload);
-      navigate(Routes.Studio);
+      const { id: projectId } = await projectsRef.add(payload);
+      navigate(Routes.FlowSelection, { projectId });
     } catch (e) {
       console.log(e);
       Alert.alert("Erreur", "Échec de l'enregistrement dans le projet.");
@@ -157,10 +184,12 @@ const Lyrics = ({ navigation }) => {
           gap: 12,
         }}
       >
-        <BorderGradientButton
-          title="Générer d'autre paroles"
-          onPress={regenerate}
-        />
+        {!hasLyrics && (
+          <BorderGradientButton
+            title="Générer d'autres paroles"
+            onPress={regenerate}
+          />
+        )}
         <GradientButton title="Valider" onPress={onValidate} />
       </View>
     </Page>