login register

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 } : {}),

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,6 +108,8 @@ const Register = () => {
                   value={lastName}
                   setValue={setLastName}
                 />
+                <View style={styles.countryField}>
+                  <Text style={styles.inputLabel}>Pays</Text>
                   <Pressable
                     style={[
                       styles.countryButton,
@@ -125,6 +129,14 @@ const Register = () => {
                     </Text>
                   </Pressable>
                 </View>
+                <Input
+                  placeholder="Ville"
+                  label="Ville"
+                  isBlur
+                  value={city}
+                  setValue={setCity}
+                />
+              </View>
               <Input
                 placeholder="Adresse mail"
                 label="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,