modals

src/screens/Writing/CreatingLyrics.js

@@ -1,10 +1,11 @@
 import { BlurView } from "expo-blur";
 import React, { useEffect, useRef, useState } from "react";
-import { Alert, Image, Platform, Text, View } from "react-native";
+import { Image, Platform, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { ai } from "../../assets";
 import GradientButton from "../../components/GradientButton";
 import ProgressBar from "../../components/ProgressBar";
+import alert from "../../components/Alert";
 import firebase from "../../config/firebase";
 import { Routes } from "../../navigation";
 import { navigate } from "../../navigation/NavigationService";
@@ -145,7 +146,7 @@ const CreatingLyrics = ({ active, config, selections }) => {
         navigate(Routes.WritingLyrics);
       };
 
-      Alert.alert(
+      alert(
         "Brief à reformuler",
         error.message,
         [

src/screens/Writing/Lyrics.js

@@ -1,10 +1,11 @@
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { Alert, ScrollView, View } from "react-native";
+import { ScrollView, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
+import alert from "../../components/Alert";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import firebase, { projectsRef } from "../../config/firebase";
 import { isWeb } from "../../hooks/useLayoutType";
@@ -96,26 +97,14 @@ const Lyrics = ({ navigation }) => {
     return obj;
   };
 
-  const alertMessage = useCallback(
-    (title, message) => {
-      const text = [title, message].filter(Boolean).join("\n\n");
-      if (isWeb && typeof window !== "undefined") {
-        window.alert(text);
-        return;
-      }
-      Alert.alert(title, message);
-    },
-    [isWeb]
-  );
+  const alertMessage = useCallback((title, message) => {
+    alert(title, message);
+  }, []);
 
   const confirmSensitiveContent = useCallback(
-    async (title, message) => {
-      const text = [title, message].filter(Boolean).join("\n\n");
-      if (isWeb && typeof window !== "undefined") {
-        return window.confirm(text);
-      }
-      return new Promise((resolve) => {
-        Alert.alert(title, message, [
+    (title, message) =>
+      new Promise((resolve) => {
+        alert(title, message, [
           {
             text: "Annuler",
             style: "cancel",
@@ -127,9 +116,8 @@ const Lyrics = ({ navigation }) => {
             onPress: () => resolve(true),
           },
         ]);
-      });
-    },
-    [isWeb]
+      }),
+    []
   );
 
   const onValidate = useCallback(async () => {