delete music

src/components/modal/DeleteModal.js

@@ -1,11 +1,11 @@
-import { View, Text } from "react-native";
 import React from "react";
+import { Text, View } from "react-native";
 import { SheetManager } from "react-native-actions-sheet";
 import { Palette } from "../../styles";
-import BorderGradientButton from "../BorderGradientButton";
-import GradientButton from "../GradientButton";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import AppActionSheet from "../AppActionSheet";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
 
 const DeleteModal = ({ payload }) => {
   const {
@@ -51,7 +51,10 @@ const DeleteModal = ({ payload }) => {
           </Text>
         </View>
         <View style={{ width: "80%", alignSelf: "center", gap: 12 }}>
-          <BorderGradientButton title="Oui, supprimer" onPress={handleConfirm} />
+          <BorderGradientButton
+            title="Oui, supprimer"
+            onPress={handleConfirm}
+          />
           <GradientButton title="Non, annuler" onPress={onClose} />
         </View>
       </View>

src/screens/Profile/Profile.js

@@ -1,3 +1,5 @@
+import { BlurView } from "expo-blur";
+import { Image as ExpoImage } from "expo-image";
 import React, { useState } from "react";
 import {
   FlatList,
@@ -9,12 +11,10 @@ import {
   Text,
   View,
 } from "react-native";
-import { Image as ExpoImage } from "expo-image";
 import { SheetManager } from "react-native-actions-sheet";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, icons, img } from "../../assets";
-import alert from "../../components/Alert";
 import BorderGradient from "../../components/BorderGradient/BorderGradient";
 import MoreMenu from "../../components/MoreMenu";
 import { projectsRef } from "../../config/firebase";
@@ -26,7 +26,6 @@ import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import Style, { gutters, size } from "../../styles/Style";
 import MusicCard from "../Library/components/MusicCard";
-import { BlurView } from "expo-blur";
 
 const Profile = () => {
   const [selected, setSelected] = useState("Chansons");
@@ -221,32 +220,28 @@ const Profile = () => {
                 {
                   label: "Supprimer",
                   onPress: () =>
-                    alert(
-                      "Confirmer la suppression",
-                      "Cette action supprimera définitivement ce projet.",
-                      [
-                        { text: "Annuler", style: "cancel", onPress: () => {} },
-                        {
-                          text: "Supprimer",
-                          onPress: async () => {
-                            try {
-                              if (!selectedProjectId) return;
-                              await projectsRef.doc(selectedProjectId).delete();
-                              setTooltip({
-                                type: "success",
-                                text: "Projet supprimé",
-                              });
-                            } catch (e) {
-                              setTooltip({
-                                type: "error",
-                                text: e?.message || "Suppression impossible",
-                              });
-                            }
-                          },
+                    SheetManager.show("Delete", {
+                      payload: {
+                        title: "Supprimer le projet",
+                        message:
+                          "Cette action supprimera définitivement ce projet.",
+                        onConfirm: async () => {
+                          try {
+                            if (!selectedProjectId) return;
+                            await projectsRef.doc(selectedProjectId).delete();
+                            setTooltip({
+                              type: "success",
+                              text: "Projet supprimé",
+                            });
+                          } catch (e) {
+                            setTooltip({
+                              type: "error",
+                              text: e?.message || "Suppression impossible",
+                            });
+                          }
                         },
-                      ],
-                      { cancelable: true },
-                    ),
+                      },
+                    }),
                 },
               ]}
             />