2020-01-20 22:12:48 +01:00
|
|
|
/* globals window */
|
2020-05-11 03:32:20 +02:00
|
|
|
import { useEffect, useState } from 'react'
|
2020-01-20 22:12:48 +01:00
|
|
|
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'
|
|
|
|
import firebase from 'firebase/app'
|
|
|
|
import 'firebase/auth'
|
|
|
|
import initFirebase from '../utils/auth/initFirebase'
|
|
|
|
|
|
|
|
// Init the Firebase app.
|
|
|
|
initFirebase()
|
|
|
|
|
|
|
|
const firebaseAuthConfig = {
|
|
|
|
signInFlow: 'popup',
|
|
|
|
// Auth providers
|
|
|
|
// https://github.com/firebase/firebaseui-web#configure-oauth-providers
|
|
|
|
signInOptions: [
|
|
|
|
{
|
|
|
|
provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
|
|
|
|
requireDisplayName: false,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
signInSuccessUrl: '/',
|
|
|
|
credentialHelper: 'none',
|
|
|
|
}
|
|
|
|
|
|
|
|
const FirebaseAuth = () => {
|
|
|
|
// Do not SSR FirebaseUI, because it is not supported.
|
|
|
|
// https://github.com/firebase/firebaseui-web/issues/213
|
|
|
|
const [renderAuth, setRenderAuth] = useState(false)
|
|
|
|
useEffect(() => {
|
|
|
|
if (typeof window !== 'undefined') {
|
|
|
|
setRenderAuth(true)
|
|
|
|
}
|
|
|
|
}, [])
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
{renderAuth ? (
|
|
|
|
<StyledFirebaseAuth
|
|
|
|
uiConfig={firebaseAuthConfig}
|
|
|
|
firebaseAuth={firebase.auth()}
|
|
|
|
/>
|
|
|
|
) : null}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default FirebaseAuth
|