feat: fixes and formatter

src/screens/Profile/ChangeEmailAddress.js

@@ -1,87 +1,84 @@
-import { BlurView } from "expo-blur";
-import React, { useEffect, useState } from "react";
-import { Platform, Text, View } from "react-native";
-import { responsiveHeight } from "react-native-responsive-dimensions";
-import { useGlobal } from "reactn";
-import { checkIfEmailIsValid } from "../../actions/signupActions";
-import { background } from "../../assets";
-import GradientButton from "../../components/GradientButton";
-import firebase, { usersRef } from "../../config/firebase";
-import { isWeb } from "../../hooks/useLayoutType";
-import Page from "../../layouts/Page";
-import { goBack } from "../../navigation/NavigationService";
-import { gutters, Palette } from "../../styles";
-import { FONT_FAMILY } from "../../styles/Fonts";
-import EditInput from "./components/EditInput";
+import { BlurView } from 'expo-blur'
+import React, { useEffect, useState } from 'react'
+import { Platform, Text, View } from 'react-native'
+import { responsiveHeight } from 'react-native-responsive-dimensions'
+import { useGlobal } from 'reactn'
+import { checkIfEmailIsValid } from '../../actions/signupActions'
+import { background } from '../../assets'
+import GradientButton from '../../components/GradientButton'
+import firebase, { usersRef } from '../../config/firebase'
+import { isWeb } from '../../hooks/useLayoutType'
+import Page from '../../layouts/Page'
+import { goBack } from '../../navigation/NavigationService'
+import { gutters, Palette } from '../../styles'
+import { FONT_FAMILY } from '../../styles/Fonts'
+import EditInput from './components/EditInput'
 
 const ChangeEmailAddress = () => {
-  const [email, setEmail] = useState("");
-  const [originalEmail, setOriginalEmail] = useState("");
-  const [emailError, setEmailError] = useState("");
-  const [, setTooltip] = useGlobal("_tooltip");
-  const [currentUserData] = useGlobal("currentUserData");
-  const [loading, setLoading] = useState(false);
-  const [currentPassword, setCurrentPassword] = useState("");
+  const [email, setEmail] = useState('')
+  const [originalEmail, setOriginalEmail] = useState('')
+  const [emailError, setEmailError] = useState('')
+  const [, setTooltip] = useGlobal('_tooltip')
+  const [currentUserData] = useGlobal('currentUserData')
+  const [loading, setLoading] = useState(false)
+  const [currentPassword, setCurrentPassword] = useState('')
 
   useEffect(() => {
-    const authEmail = firebase.auth().currentUser?.email || "";
-    const profileEmail = (currentUserData?.email || authEmail || "").trim();
-    setEmail((prev) => (prev ? prev : profileEmail));
-    setOriginalEmail(profileEmail);
-  }, [currentUserData?.email]);
+    const authEmail = firebase.auth().currentUser?.email || ''
+    const profileEmail = (currentUserData?.email || authEmail || '').trim()
+    setEmail((prev) => (prev ? prev : profileEmail))
+    setOriginalEmail(profileEmail)
+  }, [currentUserData?.email])
 
   const onChangeEmail = (val) => {
-    setEmail(val);
-    const trimmed = (val || "").trim();
+    setEmail(val)
+    const trimmed = (val || '').trim()
     if (trimmed.length === 0) {
-      setEmailError("");
-      return;
+      setEmailError('')
+      return
     }
     if (!checkIfEmailIsValid({ email: trimmed })) {
-      setEmailError("Adresse email invalide");
+      setEmailError('Adresse email invalide')
     } else {
-      setEmailError("");
+      setEmailError('')
     }
-  };
+  }
 
   const onSave = async () => {
-    const val = (email || "").trim();
-    if (!val) return;
+    const val = (email || '').trim()
+    if (!val) return
     try {
-      setLoading(true);
-      const user = firebase.auth().currentUser;
-      const uid = user?.uid;
-      if (!user || !uid) return;
+      setLoading(true)
+      const user = firebase.auth().currentUser
+      const uid = user?.uid
+      if (!user || !uid) return
 
       // Reauthenticate user with current password before sensitive update
       try {
-        const credential = firebase.auth.EmailAuthProvider.credential(
-          user.email,
-          currentPassword
-        );
-        await user.reauthenticateWithCredential(credential);
+        const credential = firebase.auth.EmailAuthProvider.credential(user.email, currentPassword)
+        await user.reauthenticateWithCredential(credential)
       } catch (reauthErr) {
         throw {
-          code: "auth/wrong-password",
-          message: "Mot de passe incorrect.",
-        };
+          code: 'auth/wrong-password',
+          message: 'Mot de passe incorrect.',
+        }
       }
 
-      await user.updateEmail(val);
-      await usersRef.doc(uid).set({ email: val }, { merge: true });
-      setTooltip({ type: "success", text: "Email mis à jour" });
-      goBack();
+      await user.updateEmail(val)
+      await usersRef.doc(uid).set({ email: val }, { merge: true })
+      setTooltip({ type: 'success', text: 'Email mis à jour' })
+      goBack()
     } catch (e) {
-      console.log("ChangeEmailAddress error", e?.message);
+      console.log('ChangeEmailAddress error', e?.message)
       const msg =
-        e?.code === "auth/requires-recent-login"
+        e?.code === 'auth/requires-recent-login'
           ? "Veuillez vous reconnecter pour changer l'adresse email"
-          : e?.message || "Mise à jour impossible";
-      setTooltip({ type: "error", text: msg });
+          : e?.message || 'Mise à jour impossible'
+      setTooltip({ type: 'error', text: msg })
     } finally {
-      setLoading(false);
+      setLoading(false)
     }
-  };
+  }
   return (
     <Page
       headerType="NAVIGATE"
@@ -91,17 +88,17 @@ const ChangeEmailAddress = () => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: isWeb ? "transparent" : "#0000004D",
+        backgroundColor: isWeb ? 'transparent' : '#0000004D',
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>
         <BlurView
-          intensity={Platform.OS !== "ios" ? 10 : 20}
+          intensity={Platform.OS !== 'ios' ? 10 : 20}
           style={{
             paddingHorizontal: 20,
             paddingVertical: 23,
             borderRadius: 20,
-            overflow: "hidden",
+            overflow: 'hidden',
             backgroundColor: Palette.glass,
           }}
           // experimentalBlurMethod={
@@ -138,10 +135,10 @@ const ChangeEmailAddress = () => {
         </BlurView>
       </View>
       <GradientButton
-        title={loading ? "Chargement..." : "Enregistrer les modifications"}
+        title={loading ? 'Chargement...' : 'Enregistrer les modifications'}
         containerStyle={{
-          width: "80%",
-          alignSelf: "center",
+          width: '80%',
+          alignSelf: 'center',
         }}
         onPress={onSave}
         disabled={
@@ -153,7 +150,7 @@ const ChangeEmailAddress = () => {
         }
       />
     </Page>
-  );
-};
+  )
+}
 
-export default ChangeEmailAddress;
+export default ChangeEmailAddress