import React, { useEffect } from 'react';
import auth from '@react-native-firebase/auth';
import { GoogleSignin } from '@react-native-google-signin/google-signin';
import { trpc } from '../../../../client/trpc';
import BaseModal from '../../Base/Modal/Modal';
import LoginButton from '../LoginButton/LoginButton';
export default function LoginModal({ modalController }) {
const signin = trpc.user.signin.useMutation();
useEffect(() => {
const unsubscribe = auth().onAuthStateChanged(user => {
if (!user) return;
signin.mutate({
accountID: user.uid,
name: user.displayName,
});
console.log('signin mutation called');
modalController.closeModal();
});
return () => unsubscribe();
}, []);
const handleLoginGoogle = async () => {
// Google SignIn logic
};
return (
<BaseModal controller={modalController}>
{/* Modal content including LoginButton */}
</BaseModal>
);
}
import React, { useEffect } from 'react';
import auth from '@react-native-firebase/auth';
import { GoogleSignin } from '@react-native-google-signin/google-signin';
import { trpc } from '../../../../client/trpc';
import BaseModal from '../../Base/Modal/Modal';
import LoginButton from '../LoginButton/LoginButton';
export default function LoginModal({ modalController }) {
const signin = trpc.user.signin.useMutation();
useEffect(() => {
const unsubscribe = auth().onAuthStateChanged(user => {
if (!user) return;
signin.mutate({
accountID: user.uid,
name: user.displayName,
});
console.log('signin mutation called');
modalController.closeModal();
});
return () => unsubscribe();
}, []);
const handleLoginGoogle = async () => {
// Google SignIn logic
};
return (
<BaseModal controller={modalController}>
{/* Modal content including LoginButton */}
</BaseModal>
);
}