From 7294a128a9eec4a2fe2d95cb9e078537def5b41f Mon Sep 17 00:00:00 2001
From: leon-morival <leon.morival@gmail.com>
Date: Fri, 24 Oct 2025 10:10:49 +0200
Subject: [PATCH] login register

---
 src/screens/CreatePassword.js |  3 ++
 src/screens/Register.js       | 53 ++++++++++++++++++++++++-----------
 2 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/screens/CreatePassword.js b/src/screens/CreatePassword.js
index 7f64ad1..eb10a2d 100644
--- a/src/screens/CreatePassword.js
+++ b/src/screens/CreatePassword.js
@@ -20,6 +20,7 @@ const CreatePassword = () => {
   const email = route?.params?.email || "";
   const firstName = route?.params?.firstName || "";
   const lastName = route?.params?.lastName || "";
+  const city = route?.params?.city || "";
   const country = route?.params?.country || null;
   const preferredLanguage = route?.params?.preferredLanguage || null;
   const [password, setPassword] = useState("");
@@ -70,11 +71,13 @@ const CreatePassword = () => {
         typeof firstName === "string" ? firstName.trim() : "";
       const trimmedLastName =
         typeof lastName === "string" ? lastName.trim() : "";
+      const trimmedCity = typeof city === "string" ? city.trim() : "";
       await usersRef.doc(uid).set(
         {
           email: email.trim(),
           ...(trimmedFirstName ? { firstName: trimmedFirstName } : {}),
           ...(trimmedLastName ? { lastName: trimmedLastName } : {}),
+          ...(trimmedCity ? { city: trimmedCity } : {}),
           ...(preferredLanguage ? { preferredLanguage } : {}),
           ...(country?.code ? { countryCode: country.code } : {}),
           ...(country?.name ? { countryName: country.name } : {}),
diff --git a/src/screens/Register.js b/src/screens/Register.js
index edce62e..2c66b0c 100644
--- a/src/screens/Register.js
+++ b/src/screens/Register.js
@@ -27,6 +27,7 @@ const Register = () => {
   const [email, setEmail] = useState("");
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
+  const [city, setCity] = useState("");
   const [selectedCountry, setSelectedCountry] = useState(null);
   const [countrySearch, setCountrySearch] = useState("");
   const [isCountryModalVisible, setIsCountryModalVisible] = useState(false);
@@ -58,6 +59,7 @@ const Register = () => {
     email.trim().length > 0 &&
     firstName.trim().length > 0 &&
     lastName.trim().length > 0 &&
+    city.trim().length > 0 &&
     selectedCountry;
 
   const handleSelectCountry = (country) => {
@@ -79,7 +81,7 @@ const Register = () => {
       title="Inscription"
     >
       <View style={styles.pageContent}>
-        <ItemContainer height={620} disableKeyboardHeight>
+        <ItemContainer height={680} disableKeyboardHeight>
           <View style={styles.formContent}>
             <Text style={styles.title}>Renseigne tes informations</Text>
             {preferredLanguage && (
@@ -106,24 +108,34 @@ const Register = () => {
                   value={lastName}
                   setValue={setLastName}
                 />
-                <Pressable
-                  style={[
-                    styles.countryButton,
-                    selectedCountry ? styles.countryButtonFilled : null,
-                  ]}
-                  onPress={() => setIsCountryModalVisible(true)}
-                >
-                  <Text
+                <View style={styles.countryField}>
+                  <Text style={styles.inputLabel}>Pays</Text>
+                  <Pressable
                     style={[
-                      styles.countryButtonText,
-                      !selectedCountry && styles.countryButtonPlaceholder,
+                      styles.countryButton,
+                      selectedCountry ? styles.countryButtonFilled : null,
                     ]}
+                    onPress={() => setIsCountryModalVisible(true)}
                   >
-                    {selectedCountry
-                      ? selectedCountry.name
-                      : "Choisis ton pays"}
-                  </Text>
-                </Pressable>
+                    <Text
+                      style={[
+                        styles.countryButtonText,
+                        !selectedCountry && styles.countryButtonPlaceholder,
+                      ]}
+                    >
+                      {selectedCountry
+                        ? selectedCountry.name
+                        : "Choisis ton pays"}
+                    </Text>
+                  </Pressable>
+                </View>
+                <Input
+                  placeholder="Ville"
+                  label="Ville"
+                  isBlur
+                  value={city}
+                  setValue={setCity}
+                />
               </View>
               <Input
                 placeholder="Adresse mail"
@@ -145,6 +157,7 @@ const Register = () => {
                   email: email.trim(),
                   firstName: firstName.trim(),
                   lastName: lastName.trim(),
+                  city: city.trim(),
                   country: selectedCountry,
                   preferredLanguage,
                 })
@@ -258,6 +271,14 @@ const styles = StyleSheet.create({
   countryButtonPlaceholder: {
     color: Palette.gray,
   },
+  countryField: {
+    gap: 4,
+  },
+  inputLabel: {
+    fontSize: 14,
+    color: Palette.white,
+    fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+  },
   footer: {
     alignItems: "center",
     gap: 4,