modals

src/screens/cover/PouchReady.js

@@ -1,12 +1,13 @@
 import { useIsFocused } from "@react-navigation/native";
 import { Image as ExpoImage } from "expo-image";
 import React, { useCallback, useEffect } from "react";
-import { ActivityIndicator, Alert, Text, View } from "react-native";
+import { ActivityIndicator, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background, icons } from "../../assets";
 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";
@@ -66,25 +67,20 @@ const PouchReady = () => {
       !selectedProject?.cover?.generatedBackground &&
       selectedProject?.coverStatus !== "GENERATING"
     ) {
-      if (isWeb) {
-        if (typeof window !== "undefined") {
-          const shouldGenerate = window.confirm("Générer une pochette ?");
-          if (shouldGenerate) {
-            generateCover();
-          }
-        }
-        return;
-      }
-
-      Alert.alert("Attention", "Générer une pochette ?", [
-        {
-          text: "Oui",
-          onPress: generateCover,
-        },
-        {
-          text: "Non",
-        },
-      ]);
+      alert(
+        "Attention",
+        "Générer une pochette ?",
+        [
+          {
+            text: "Oui",
+            onPress: generateCover,
+          },
+          {
+            text: "Non",
+          },
+        ],
+        { cancelable: true }
+      );
     }
   }, [generateCover, isFocused, selectedProject]);