update

2025-08-07 21:02:22 +08:00
parent 40e877774b
commit 5a4d36e1bc
34 changed files with 902 additions and 137 deletions
@@ -0,0 +1,81 @@
+import { View, Text, Modal } from "react-native";
+import React from "react";
+import { gutters, Palette } from "../../styles";
+import { BlurView } from "expo-blur";
+import CreateLyricsHeader from "../../screens/Writing/components/CreateLyricsHeader";
+import BorderGradientButton from "../BorderGradientButton";
+import GradientButton from "../GradientButton";
+import { FONT_FAMILY } from "../../styles/Fonts";
+
+const ValidateModal = ({ visible, onClose, onPressValidate }) => {
+  return (
+    <Modal
+      animationType="slide"
+      visible={visible}
+      transparent={true}
+      onRequestClose={onClose}
+    >
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "flex-end",
+          paddingBottom: gutters * 1.5,
+          paddingHorizontal: gutters,
+        }}
+      >
+        <CreateLyricsHeader>
+          <View style={{ gap: 30 }}>
+            <View style={{ gap: 15 }}>
+              <View
+                style={{ paddingHorizontal: 15, gap: 2, alignItems: "center" }}
+              >
+                <Text
+                  style={{
+                    fontSize: 22,
+                    color: Palette.white,
+                    fontFamily: FONT_FAMILY.InterSemiBold,
+                    textAlign: "center",
+                  }}
+                >
+                  Attention !
+                </Text>
+                <Text
+                  style={{
+                    fontSize: 16,
+                    color: Palette.white,
+                    fontFamily: FONT_FAMILY.InterRegular,
+                  }}
+                >
+                  Lorsque tu clique sur valider, tu ne pourra plus changer ni le
+                  texte ni la mélodie.{" "}
+                </Text>
+              </View>
+              <Text
+                style={{
+                  fontSize: 16,
+                  color: Palette.white,
+                  fontFamily: FONT_FAMILY.InterRegular,
+                  textAlign: "center",
+                }}
+              >
+                Valider
+              </Text>
+            </View>
+            <View style={{ width: "85%", alignSelf: "center", gap: 15 }}>
+              <BorderGradientButton title="Retour" onPress={onClose} />
+              <GradientButton
+                title="Valider"
+                onPress={() => {
+                  onClose();
+                  onPressValidate?.();
+                }}
+              />
+            </View>
+          </View>
+        </CreateLyricsHeader>
+      </View>
+    </Modal>
+  );
+};
+
+export default ValidateModal;