new background and fixs

src/screens/cover/PouchReady.js

@@ -3,10 +3,10 @@ import React, { useCallback, useEffect, useState } from "react";
 import { ActivityIndicator, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background, icons } from "../../assets";
+import alert from "../../components/Alert";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
-import alert from "../../components/Alert";
 import firebase, { tasksRef } from "../../config/firebase";
 import loaderMessages from "../../config/loaderMessages";
 import { isWeb } from "../../hooks/useLayoutType";
@@ -38,38 +38,41 @@ const PouchReady = () => {
     setCoverStyle(selectedProject?.coverStyle || "");
   }, [selectedProject?.coverStyle]);
 
-  const generateCover = useCallback(async (styleValue) => {
-    if (!selectedProjectId) return;
-    if (hasGeneratedOptions) {
-      return;
-    }
-    const trimmedStyle = String(styleValue || "").trim();
-    if (!trimmedStyle) {
-      alert("Attention", "Merci de renseigner un style pour la pochette.", [
-        { text: "OK" },
-      ]);
-      return;
-    }
-    try {
-      await setIsLoading(true);
-      await updateProjectData(
-        {
-          coverStyle: trimmedStyle,
-        },
-        { merge: true }
-      );
-      await tasksRef.add({
-        type: "cover",
-        projectId: selectedProjectId,
-        status: "PENDING",
-        createdAt: firebase.firestore.FieldValue.serverTimestamp(),
-      });
-    } catch (e) {
-      console.log("Cover task error", e?.message);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [hasGeneratedOptions, selectedProjectId, setIsLoading, updateProjectData]);
+  const generateCover = useCallback(
+    async (styleValue) => {
+      if (!selectedProjectId) return;
+      if (hasGeneratedOptions) {
+        return;
+      }
+      const trimmedStyle = String(styleValue || "").trim();
+      if (!trimmedStyle) {
+        alert("Attention", "Merci de renseigner un style pour la pochette.", [
+          { text: "OK" },
+        ]);
+        return;
+      }
+      try {
+        await setIsLoading(true);
+        await updateProjectData(
+          {
+            coverStyle: trimmedStyle,
+          },
+          { merge: true }
+        );
+        await tasksRef.add({
+          type: "cover",
+          projectId: selectedProjectId,
+          status: "PENDING",
+          createdAt: firebase.firestore.FieldValue.serverTimestamp(),
+        });
+      } catch (e) {
+        console.log("Cover task error", e?.message);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [hasGeneratedOptions, selectedProjectId, setIsLoading, updateProjectData]
+  );
 
   const requestCoverGeneration = useCallback(() => {
     const trimmedStyle = (coverStyle || "").trim();
@@ -137,7 +140,8 @@ const PouchReady = () => {
             >
               {displayOptions.length > 0 ? (
                 displayOptions.map((option, index) => {
-                  const optionUri = option?.finalUrl || option?.generatedUrl || "";
+                  const optionUri =
+                    option?.finalUrl || option?.generatedUrl || "";
                   if (!optionUri) return null;
                   return (
                     <View
@@ -239,7 +243,9 @@ const PouchReady = () => {
       >
         {!hasGeneratedOptions && (
           <BorderGradientButton
-            title={isGenerating ? "Génération en cours..." : "Générer la pochette"}
+            title={
+              isGenerating ? "Génération en cours..." : "Générer la pochette"
+            }
             icon={icons.stars}
             onPress={requestCoverGeneration}
             disabled={isGenerating}