modals

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 () => {