totole/commander_league_web
1
0
Fork 0
mirror of https://github.com/kevin-DL/commander_league_web.git synced 2026-01-15 11:44:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added a base layout with a nav bar

Browse Source
This commit is contained in:
Kevin ANATOLE
2020-10-26 12:30:21 +00:00
parent eef551bf7a
commit a8f5fe8db4
11 changed files with 1002 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/FirebaseAuth.js
View File

@@ -1,17 +1,17 @@
/* globals window */
import { useEffect, useState } from 'react'
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'
import firebase from 'firebase/app'
import 'firebase/auth'
import initFirebase from '../utils/auth/initFirebase'
import { setUserCookie } from '../utils/auth/userCookies'
import { mapUserData } from '../utils/auth/mapUserData'
import { useEffect, useState } from "react";
import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
import firebase from "firebase/app";
import "firebase/auth";
import initFirebase from "../utils/auth/initFirebase";
import { setUserCookie } from "../utils/auth/userCookies";
import { mapUserData } from "../utils/auth/mapUserData";
// Init the Firebase app.
initFirebase()
initFirebase();
const firebaseAuthConfig = {
signInFlow: 'popup',
signInFlow: "popup",
// Auth providers
// https://github.com/firebase/firebaseui-web#configure-oauth-providers
signInOptions: [
@@ -19,26 +19,29 @@ const firebaseAuthConfig = {
provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
requireDisplayName: false,
},
{
provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID,
},
],
signInSuccessUrl: '/',
credentialHelper: 'none',
signInSuccessUrl: "/",
credentialHelper: "none",
callbacks: {
signInSuccessWithAuthResult: async ({ user }, redirectUrl) => {
const userData = mapUserData(user)
setUserCookie(userData)
const userData = mapUserData(user);
setUserCookie(userData);
},
},
}
};
const FirebaseAuth = () => {
// Do not SSR FirebaseUI, because it is not supported.
// https://github.com/firebase/firebaseui-web/issues/213
const [renderAuth, setRenderAuth] = useState(false)
const [renderAuth, setRenderAuth] = useState(false);
useEffect(() => {
if (typeof window !== 'undefined') {
setRenderAuth(true)
if (typeof window !== "undefined") {
setRenderAuth(true);
}
}, [])
}, []);
return (
<div>
{renderAuth ? (
@@ -48,7 +51,7 @@ const FirebaseAuth = () => {
/>
) : null}
</div>
)
}
);
};
export default FirebaseAuth
export default FirebaseAuth;