clear more tickets

src/screens/Register.js

@@ -1,26 +1,21 @@
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import * as AppleAuthentication from "expo-apple-authentication";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import {
   ActivityIndicator,
-  FlatList,
   KeyboardAvoidingView,
-  Modal,
   Platform,
   Pressable,
   StyleSheet,
   Text,
-  TextInput,
   View,
 } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import { BlurView } from "expo-blur";
 import Svg, { Path } from "react-native-svg";
 import { background } from "../assets";
 import BorderGradientButton from "../components/BorderGradientButton";
 import { Input } from "../components/Input";
 import ItemContainer from "../components/ItemContainer/ItemContainer";
-import COUNTRIES from "../constants/countries";
 import firebase from "../config/firebase";
 import { isWeb } from "../hooks/useLayoutType";
 import useSocialAuth from "../hooks/useSocialAuth";
@@ -35,11 +30,6 @@ const LANGUAGE_STORAGE_KEY = "preferredLanguage";
 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);
   const [preferredLanguage, setPreferredLanguage] = useState(null);
 
   const afterSocialAuth = useCallback(async () => {
@@ -71,33 +61,7 @@ const Register = () => {
       });
   }, []);
 
-  const filteredCountries = useMemo(() => {
-    const query = countrySearch.trim().toLowerCase();
-    if (!query) {
-      return COUNTRIES;
-    }
-    return COUNTRIES.filter((country) =>
-      country.name.toLowerCase().includes(query),
-    );
-  }, [countrySearch]);
-
-  const isFormValid =
-    email.trim().length > 0 &&
-    firstName.trim().length > 0 &&
-    lastName.trim().length > 0 &&
-    city.trim().length > 0 &&
-    selectedCountry;
-
-  const handleSelectCountry = (country) => {
-    setSelectedCountry(country);
-    setIsCountryModalVisible(false);
-    setCountrySearch("");
-  };
-
-  const handleCloseModal = () => {
-    setIsCountryModalVisible(false);
-    setCountrySearch("");
-  };
+  const isFormValid = email.trim().length > 0 && firstName.trim().length > 0;
 
   const renderFormContent = () => (
     <View style={styles.formContent}>
@@ -111,58 +75,13 @@ const Register = () => {
         </Text>
       ) : null}
       <View style={{ gap: 16 }}>
-        <View style={{ gap: 12 }}>
-          <Input
-            placeholder="Prénom"
-            label="Prénom"
-            isBlur
-            value={firstName}
-            setValue={setFirstName}
-          />
-          <Input
-            placeholder="Nom"
-            label="Nom"
-            isBlur
-            value={lastName}
-            setValue={setLastName}
-          />
-          <View style={styles.countryField}>
-            <Text style={styles.inputLabel}>Pays</Text>
-            <BlurView
-              tint="dark"
-              style={[
-                styles.countryBlurWrapper,
-                selectedCountry ? styles.countryButtonFilled : null,
-              ]}
-            >
-              <Pressable
-                style={({ pressed }) => [
-                  styles.countryButton,
-                  pressed ? styles.countryButtonPressed : null,
-                ]}
-                onPress={() => setIsCountryModalVisible(true)}
-              >
-                <Text
-                  style={[
-                    styles.countryButtonText,
-                    !selectedCountry && styles.countryButtonPlaceholder,
-                  ]}
-                >
-                  {selectedCountry
-                    ? selectedCountry.name
-                    : "Sélectionne ton pays"}
-                </Text>
-              </Pressable>
-            </BlurView>
-          </View>
-          <Input
-            placeholder="Ville"
-            label="Ville"
-            isBlur
-            value={city}
-            setValue={setCity}
-          />
-        </View>
+        <Input
+          placeholder="Prénom"
+          label="Prénom"
+          isBlur
+          value={firstName}
+          setValue={setFirstName}
+        />
         <Input
           placeholder="Adresse mail"
           label="Adresse mail"
@@ -182,9 +101,6 @@ const Register = () => {
           navigate(Routes.CreatePassword, {
             email: email.trim(),
             firstName: firstName.trim(),
-            lastName: lastName.trim(),
-            city: city.trim(),
-            country: selectedCountry,
             preferredLanguage,
           })
         }
@@ -239,63 +155,22 @@ const Register = () => {
                 keyboardShouldPersistTaps="handled"
               >
                 {renderFormContent()}
+                <View style={styles.bottomLoginPrompt}>
+                  <Text style={styles.bottomFooterText}>
+                    Tu as déjà un compte ?{" "}
+                    <Text
+                      style={styles.bottomFooterLink}
+                      onPress={() => navigate(Routes.Login)}
+                    >
+                      Se connecter
+                    </Text>
+                  </Text>
+                </View>
               </KeyboardAwareScrollView>
             </KeyboardAvoidingView>
           )}
         </ItemContainer>
-        <View style={styles.bottomLoginPrompt}>
-          <Text style={styles.bottomFooterText}>
-            Tu as déjà un compte ?{" "}
-            <Text
-              style={styles.bottomFooterLink}
-              onPress={() => navigate(Routes.Login)}
-            >
-              Se connecter
-            </Text>
-          </Text>
-        </View>
       </View>
-      <Modal
-        transparent
-        visible={isCountryModalVisible}
-        animationType="fade"
-        onRequestClose={handleCloseModal}
-      >
-        <View style={styles.modalOverlay}>
-          <View style={styles.modalContainer}>
-            <View style={styles.modalHeader}>
-              <Text style={styles.modalTitle}>Sélectionne ton pays</Text>
-              <Pressable onPress={handleCloseModal}>
-                <Text style={styles.closeText}>Fermer</Text>
-              </Pressable>
-            </View>
-            <TextInput
-              value={countrySearch}
-              onChangeText={setCountrySearch}
-              placeholder="Rechercher un pays"
-              placeholderTextColor={Palette.gray}
-              style={styles.searchInput}
-            />
-            <FlatList
-              data={filteredCountries}
-              keyExtractor={(item) => item.code}
-              renderItem={({ item }) => (
-                <Pressable
-                  style={styles.countryItem}
-                  onPress={() => handleSelectCountry(item)}
-                >
-                  <Text style={styles.countryItemText}>{item.name}</Text>
-                </Pressable>
-              )}
-              keyboardShouldPersistTaps="handled"
-              showsVerticalScrollIndicator={false}
-              ListEmptyComponent={
-                <Text style={styles.emptyListText}>Aucun pays trouvé</Text>
-              }
-            />
-          </View>
-        </View>
-      </Modal>
     </Page>
   );
 };
@@ -413,36 +288,6 @@ const styles = StyleSheet.create({
     color: Palette.white,
     fontFamily: FONT_FAMILY.InterSemiBold,
   },
-  countryBlurWrapper: {
-    borderRadius: 12,
-    backgroundColor: Palette.glass,
-    overflow: "hidden",
-  },
-  countryButton: {
-    minHeight: 50,
-    justifyContent: "center",
-    paddingHorizontal: 16,
-    width: "100%",
-  },
-  countryButtonPressed: {
-    opacity: 0.85,
-  },
-  countryButtonText: {
-    fontSize: 14,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.InterRegular,
-  },
-  countryButtonPlaceholder: {
-    color: Palette.gray,
-  },
-  countryField: {
-    gap: 4,
-  },
-  inputLabel: {
-    fontSize: 14,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.HelveticaNeueRegular,
-  },
   footer: {
     alignItems: "center",
     gap: 4,
@@ -542,61 +387,4 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: Palette.transparentBlack,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 16,
-  },
-  modalContainer: {
-    width: "100%",
-    maxWidth: 420,
-    maxHeight: "80%",
-    backgroundColor: Palette.ultraLightBlack,
-    borderRadius: 20,
-    padding: 16,
-    gap: 12,
-  },
-  modalHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-  },
-  modalTitle: {
-    fontSize: 18,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.InterSemiBold,
-  },
-  closeText: {
-    fontSize: 14,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.InterRegular,
-  },
-  searchInput: {
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: Palette.ultraLightWhite,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.InterRegular,
-  },
-  countryItem: {
-    paddingVertical: 12,
-    borderBottomWidth: 1,
-    borderBottomColor: Palette.ultraLightWhite,
-  },
-  countryItemText: {
-    fontSize: 14,
-    color: Palette.white,
-    fontFamily: FONT_FAMILY.InterRegular,
-  },
-  emptyListText: {
-    fontSize: 14,
-    color: Palette.gray,
-    fontFamily: FONT_FAMILY.InterRegular,
-    textAlign: "center",
-    paddingVertical: 20,
-  },
 });