login with email and password

paulatalim · paulatalim · commit dc66cc17c30f · 2024-09-15T13:54:43.000-03:00
diff --git a/src/views/Auth/SingIn.jsx b/src/views/Auth/SingIn.jsx
@@ -19,29 +19,40 @@ import { fetchUser, singup } from '../../store/actions/user';
 import auth from '@react-native-firebase/auth';
 import { GoogleSignin } from '@react-native-google-signin/google-signin';
 
-// GoogleSignin.configure({
-//     webClientId: '897362002662-kihdbmlmur6gsj5s3mi7m9o808j0m5s4.apps.googleusercontent.com',
-//     offlineAccess: true,
-// });
-
 class SingIn extends Component {
     state = {
         name: 'Aleatorio',
-        email: 'email@gmail.com',
-        password: '',
+        email: 'jane.doe@example.com',
+        password: 'SuperSecretPassword!',
     };
 
     iosLogin = () => {
         this.props.onLogin({...this.state});
     };
 
     login = () => {
-        this.props.onLogin({
-            id: 0,
-            name: this.state.name,
-            email: this.state.email,
-            identy: null,
-        });
+        auth()
+            .signInWithEmailAndPassword(this.state.email, this.state.password)
+            .then(() => {
+                this.props.onLogin({
+                    id: 0,
+                    name: this.state.name,
+                    email: this.state.email,
+                    identy: null,
+                });
+                console.log('user singed in');
+            })
+            .catch(error => {
+                if (error.code === 'auth/email-already-in-use') {
+                console.log('That email address is already in use!');
+                }
+
+                if (error.code === 'auth/invalid-email') {
+                console.log('That email address is invalid!');
+                }
+
+                console.error(error);
+            });
     };
 
     googleLogin = async () => {
@@ -61,6 +72,15 @@ class SingIn extends Component {
             console.log('Login com Google realizado com sucesso!');
 
             this.setState({...this.state, email: idToken});
+
+            fetch('https://randomuser.me/api/')
+                .then(res => res.json())
+                .then(
+                    (result) => {
+                        this.setState({...this.state, name: result.results[0].name.first});
+                    }
+                );
+
             this.props.onGoogleLoginIn({
                 id: 0,
                 name: this.state.name,
diff --git a/src/views/Auth/SingUp.jsx b/src/views/Auth/SingUp.jsx
@@ -13,6 +13,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft';
 import { connect } from 'react-redux';
 import { singup } from '../../store/actions/user';
+import auth from '@react-native-firebase/auth';
 import BoxGlass from '../../components/BoxGlass';
 
 class SingUp extends Component {
@@ -23,12 +24,28 @@ class SingUp extends Component {
     };
 
     register = () => {
-        this.props.onSingUp({
-            id: 0,
-            name: this.state.name,
-            email: this.state.email,
-            identy: null,
-         });
+        auth()
+            .createUserWithEmailAndPassword(this.state.email, this.state.password)
+            .then(() => {
+                this.props.onSingUp({
+                    id: 0,
+                    name: this.state.name,
+                    email: this.state.email,
+                    identy: null,
+                 });
+                console.log('User account created & signed in!');
+            })
+            .catch(error => {
+                if (error.code === 'auth/email-already-in-use') {
+                console.log('That email address is already in use!');
+                }
+
+                if (error.code === 'auth/invalid-email') {
+                console.log('That email address is invalid!');
+                }
+
+                console.error(error);
+            });
     };
 
     render() {
