function AuthLoadingView(){
return(
AUTHENTICATING...
);
}
function LoginView({onLogin}){
const[email,setEmail]=useState('');
const[password,setPassword]=useState('');
const[error,setError]=useState(null);
const[loading,setLoading]=useState(false);
function handleSubmit(e){
e.preventDefault();
if(!fbauth||loading)return;
setError(null);
setLoading(true);
fbauth.signInWithEmailAndPassword(email,password)
.then(function(cred){onLogin(cred.user)})
.catch(function(err){
setLoading(false);
switch(err.code){
case'auth/invalid-email':setError('INVALID EMAIL FORMAT');break;
case'auth/user-not-found':case'auth/wrong-password':setError('INVALID CREDENTIALS');break;
case'auth/invalid-credential':setError('INVALID CREDENTIALS');break;
case'auth/too-many-requests':setError('TOO MANY ATTEMPTS. TRY LATER.');break;
default:setError('AUTH FAILED: '+err.code);
}
});
}
return(
);
}