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,65 @@
+import React from "reactn";
+import Page from "../../layouts/Page";
+import { gutters, Palette, Style } from "../../styles";
+import { background } from "../../assets";
+import { Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
+import { BlurView } from "expo-blur";
+import Switch from "../../components/Switch";
+import { useState } from "react";
+import { FONT_FAMILY } from "../../styles/Fonts";
+
+export default (props) => {
+  const [isSwitch, setIsSwitch] = useState(false);
+
+  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={{
+            gap: 12,
+            paddingVertical: 15,
+            paddingHorizontal: 20,
+            borderRadius: 20,
+            overflow: "hidden",
+            backgroundColor: Palette.glass,
+          }}
+        >
+          <View style={Style.containerSpaceBetween}>
+            <Text
+              style={{
+                fontSize: 20,
+                color: Palette.white,
+                fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+              }}
+            >
+              Notifications
+            </Text>
+            <Switch value={isSwitch} setValue={setIsSwitch} />
+          </View>
+          <Text
+            style={{
+              fontSize: 12,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.InterRegular,
+            }}
+          >
+            Nous t’encourageons à activer les notifications pour découvrir les
+            derniers classements, les nouveaux sons et les meilleurs playbacks.
+          </Text>
+        </BlurView>
+      </View>
+    </Page>
+  );
+};