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,66 @@
+import { View, Text, Pressable } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+import { gutters, Palette } from "../../styles";
+import { responsiveHeight } from "react-native-responsive-dimensions";
+import { BlurView } from "expo-blur";
+import EditInput from "./components/EditInput";
+import GradientButton from "../../components/GradientButton";
+import { FONT_FAMILY } from "../../styles/Fonts";
+
+const ChangePassword = () => {
+  return (
+    <Page
+      headerType="NAVIGATE"
+      title="Paramètres"
+      backgroundImg={background.profileBG}
+      contentContainerStyle={{
+        paddingBottom: gutters * 4,
+      }}
+      containerStyle={{
+        backgroundColor: "#0000004D",
+      }}
+    >
+      <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>
+        <BlurView
+          intensity={20}
+          style={{
+            paddingHorizontal: 20,
+            paddingVertical: 16,
+            borderRadius: 20,
+            overflow: "hidden",
+            backgroundColor: Palette.glass,
+            gap: 4,
+          }}
+        >
+          <EditInput
+            placeholder="Mot de passe"
+            label="Mot de passe"
+            type="password"
+          />
+          <Pressable>
+            <Text
+              style={{
+                fontSize: 12,
+                color: Palette.white,
+                fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+              }}
+            >
+              Mot de passe oublié?
+            </Text>
+          </Pressable>
+        </BlurView>
+      </View>
+      <GradientButton
+        title="Enregistrer les modifications"
+        containerStyle={{
+          width: "80%",
+          alignSelf: "center",
+        }}
+      />
+    </Page>
+  );
+};
+
+export default ChangePassword;