covers with logo

src/screens/cover/PouchReady.js

@@ -19,7 +19,7 @@ import { gutters, Palette, Style } from "../../styles";
 import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 
 const PouchReady = () => {
-  const { selectedProjectId, selectedProject, updateProjectData } = useUser();
+  const { selectedProjectId, selectedProject } = useUser();
   const { setIsLoading } = useMinuit();
   const isGenerating = selectedProject?.coverStatus === "GENERATING";
   const isFocused = useIsFocused();
@@ -44,22 +44,9 @@ const PouchReady = () => {
     }
   }, [selectedProjectId, setIsLoading]);
 
-  async function validateCover() {
-    try {
-      await setIsLoading(true);
-      await updateProjectData({
-        cover: {
-          ...selectedProject.cover,
-          result: selectedProject.cover.generatedBackground,
-        },
-      });
-      navigate(Routes.PhotoCover);
-    } catch (e) {
-      console.log(e);
-    } finally {
-      await setIsLoading(false);
-    }
-  }
+  const validateCover = () => {
+    navigate(Routes.ValidateCover);
+  };
 
   useEffect(() => {
     if (
@@ -84,6 +71,11 @@ const PouchReady = () => {
     }
   }, [generateCover, isFocused, selectedProject]);
 
+  const coverPreviewUrl =
+    selectedProject?.cover?.result ||
+    selectedProject?.cover?.generatedBackground ||
+    null;
+
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
       <MusicLandHeader onPressBack={goBack} progress={72} />
@@ -98,9 +90,9 @@ const PouchReady = () => {
         />
         <View style={{ flex: 1, ...Style.containerCenter }}>
           <View style={{ width: "80%", position: "relative" }}>
-            {selectedProject?.cover?.generatedBackground && !isGenerating ? (
+            {coverPreviewUrl && !isGenerating ? (
               <ExpoImage
-                source={{ uri: selectedProject?.cover?.generatedBackground }}
+                source={{ uri: coverPreviewUrl }}
                 cachePolicy="memory-disk"
                 priority="high"
                 contentFit="cover"
@@ -215,7 +207,7 @@ const PouchReady = () => {
         />
         <GradientButton
           title={isGenerating ? "Veuillez patienter..." : "Valider"}
-          disabled={isGenerating}
+          disabled={isGenerating || !coverPreviewUrl}
           onPress={() => validateCover()}
         />
       </View>