34f1aefa4a
* Start from existing example * Upgrade some dependencies * Use dotenv * Remove custom server * Add serverless Firebase auth * Add TODOs * Update project name * Fix build script * Remove server middleware from client JS bundle * Add logout functionality * Redirect to auth page on logout * Remove TODO * Add comments about the cookie-session approach * Remove the sessions folder * Add comments for eslint * Remove unused files * Clarify comment * Update README.md * Rename variable for clarity * Update README.md * Change some comments * Add more to gitignore * Remove the bundle analyzer * Move server-side auth user logic from _app.js to a HOC to support static HTML rendering Co-authored-by: Joe Haddad <timer150@gmail.com>
46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
/* globals window */
|
|
import React, { useEffect, useState } from 'react'
|
|
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
|