update

src/components/modal/DeleteAccountModal.js

@@ -0,0 +1,50 @@
+import { View, Text } from "react-native";
+import React from "react";
+import AppActionSheet from "../AppActionSheet";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import { SheetManager } from "react-native-actions-sheet";
+
+const DeleteAccountModal = () => {
+  const onClose = async () => {
+    await SheetManager.hide("DeleteAccount");
+  };
+
+  return (
+    <AppActionSheet id="DeleteAccount">
+      <View style={{ gap: 20 }}>
+        <View style={{ gap: 2 }}>
+          <Text
+            style={{
+              fontSize: 20,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+              textAlign: "center",
+            }}
+          >
+            Supprimer mon compte
+          </Text>
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+              textAlign: "center",
+            }}
+          >
+            Es-tu sur de vouloir supprimer ton compte?{"\n"}Attention, cette
+            action est irréversible!
+          </Text>
+        </View>
+        <View style={{ width: "80%", alignSelf: "center", gap: 12 }}>
+          <BorderGradientButton title="Oui, supprimer" onPress={onClose} />
+          <GradientButton title="Non, annuler" onPress={onClose} />
+        </View>
+      </View>
+    </AppActionSheet>
+  );
+};
+
+export default DeleteAccountModal;

src/components/modal/DeleteAudioModal.js

@@ -0,0 +1,50 @@
+import { View, Text } from "react-native";
+import React from "react";
+import AppActionSheet from "../AppActionSheet";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
+import { SheetManager } from "react-native-actions-sheet";
+
+const DeleteAudioModal = () => {
+  const onClose = () => {
+    SheetManager.hide("DeleteAudio");
+  };
+
+  return (
+    <AppActionSheet id="DeleteAudio">
+      <View style={{ gap: 20 }}>
+        <View style={{ gap: 2 }}>
+          <Text
+            style={{
+              fontSize: 20,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+              textAlign: "center",
+            }}
+          >
+            Supprimer mon audio
+          </Text>
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+              textAlign: "center",
+            }}
+          >
+            Es-tu sur de vouloir supprimer ton audio?{"\n"}
+            Attention, cette action est irréversible!
+          </Text>
+        </View>
+        <View style={{ width: "80%", alignSelf: "center", gap: 12 }}>
+          <BorderGradientButton title="Oui, supprimer" onPress={onClose} />
+          <GradientButton title="Non, annuler" onPress={onClose} />
+        </View>
+      </View>
+    </AppActionSheet>
+  );
+};
+
+export default DeleteAudioModal;

src/components/modal/DeleteModal.js

@@ -0,0 +1,50 @@
+import { View, Text } from "react-native";
+import React from "react";
+import ActionSheet, { SheetManager } from "react-native-actions-sheet";
+import { gutters, Palette } from "../../styles";
+import { BlurView } from "expo-blur";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import AppActionSheet from "../AppActionSheet";
+
+const DeleteModal = () => {
+  const onClose = () => {
+    SheetManager.hide("Delete");
+  };
+
+  return (
+    <AppActionSheet id="Delete">
+      <View style={{ gap: 20 }}>
+        <View style={{ gap: 2 }}>
+          <Text
+            style={{
+              fontSize: 20,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+              textAlign: "center",
+            }}
+          >
+            Supprimer ma playlist
+          </Text>
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+              textAlign: "center",
+            }}
+          >
+            Es-tu sur de vouloir supprimer ta playlist?
+          </Text>
+        </View>
+        <View style={{ width: "80%", alignSelf: "center", gap: 12 }}>
+          <BorderGradientButton title="Oui, supprimer" onPress={onClose} />
+          <GradientButton title="Non, annuler" onPress={onClose} />
+        </View>
+      </View>
+    </AppActionSheet>
+  );
+};
+
+export default DeleteModal;

src/components/modal/DeletePlaybackModal.js

@@ -0,0 +1,50 @@
+import { View, Text } from "react-native";
+import React from "react";
+import AppActionSheet from "../AppActionSheet";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
+import { SheetManager } from "react-native-actions-sheet";
+
+const DeletePlaybackModal = () => {
+  const onClose = () => {
+    SheetManager.hide("DeletePlayback");
+  };
+
+  return (
+    <AppActionSheet id="DeletePlayback">
+      <View style={{ gap: 20 }}>
+        <View style={{ gap: 2 }}>
+          <Text
+            style={{
+              fontSize: 20,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+              textAlign: "center",
+            }}
+          >
+            Supprimer mon playback
+          </Text>
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+              textAlign: "center",
+            }}
+          >
+            Es-tu sur de vouloir supprimer ton playback?{"\n"}
+            Attention, cette action est irréversible!
+          </Text>
+        </View>
+        <View style={{ width: "80%", alignSelf: "center", gap: 12 }}>
+          <BorderGradientButton title="Oui, supprimer" onPress={onClose} />
+          <GradientButton title="Non, annuler" onPress={onClose} />
+        </View>
+      </View>
+    </AppActionSheet>
+  );
+};
+
+export default DeletePlaybackModal;

src/components/modal/ProfileSettingsModal.js

@@ -0,0 +1,50 @@
+import { View, Text } from "react-native";
+import React from "react";
+import AppActionSheet from "../AppActionSheet";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import BlurItemButton from "../BlurItemButton";
+import { SheetManager } from "react-native-actions-sheet";
+import { navigate } from "../../navigation/NavigationService";
+import { Routes } from "../../navigation";
+
+const ProfileSettingsModal = () => {
+  const onClose = async () => {
+    await SheetManager.hide("ProfileSettings");
+  };
+
+  return (
+    <AppActionSheet id="ProfileSettings">
+      <View style={{ paddingTop: 10, gap: 30 }}>
+        <Text
+          style={{
+            fontSize: 20,
+            color: Palette.white,
+            fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+            textAlign: "center",
+          }}
+        >
+          Paramètres
+        </Text>
+        <View style={{ gap: 10 }}>
+          <BlurItemButton
+            title="Modifier mon profil"
+            onPress={() => {
+              onClose();
+              navigate(Routes.EditProfile);
+            }}
+          />
+          <BlurItemButton
+            title="Paramètres"
+            onPress={() => {
+              onClose();
+              navigate(Routes.Settings);
+            }}
+          />
+        </View>
+      </View>
+    </AppActionSheet>
+  );
+};
+
+export default ProfileSettingsModal;