update

2025-08-15 21:02:34 +08:00
parent 41636b5dbc
commit a8ebe8bcc3
39 changed files with 1436 additions and 391 deletions
@@ -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;