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,96 @@
+import { View, Text, Pressable } from "react-native";
+import React, { useState } 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 { FONT_FAMILY } from "../../styles/Fonts";
+import Style, { size } from "../../styles/Style";
+
+const LANGUAGE = ["Anglais", "Français", "Chinois", "Japonais", "Coreen"];
+
+const Language = () => {
+  const [selected, setSelected] = useState("Français");
+
+  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={{
+            paddingVertical: 10,
+            paddingHorizontal: 20,
+            backgroundColor: Palette.glass,
+            gap: 10,
+            borderRadius: 20,
+            overflow: "hidden",
+          }}
+        >
+          <Text
+            style={{
+              fontSize: 20,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.HelveticaNeueMedium,
+            }}
+          >
+            Langue
+          </Text>
+          <View style={{ gap: 12 }}>
+            {LANGUAGE.map((item, index) => (
+              <Pressable
+                key={index}
+                style={{
+                  ...Style.containerRow,
+                  gap: 6,
+                }}
+                onPress={() => setSelected(item)}
+              >
+                <View
+                  style={{
+                    ...size({ size: 17 }),
+                    ...Style.containerCenter,
+                    borderWidth: 1,
+                    borderRadius: 100,
+                    borderColor: Palette.white,
+                  }}
+                >
+                  {selected === item && (
+                    <View
+                      style={{
+                        ...size({ size: 9 }),
+                        borderRadius: 100,
+                        backgroundColor: Palette.white,
+                      }}
+                    />
+                  )}
+                </View>
+                <Text
+                  style={{
+                    fontSize: 16,
+                    color: Palette.white,
+                    fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+                  }}
+                >
+                  {item}
+                </Text>
+              </Pressable>
+            ))}
+          </View>
+        </BlurView>
+      </View>
+    </Page>
+  );
+};
+
+export default Language;