로그인하기(2)

sorious77 · May 8, 2022 · 0fcbe3f · 0fcbe3f
1 parent 14e7458
commit 0fcbe3f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/App.js b/src/App.js
@@ -1,9 +1,14 @@
+import { useState } from "react";
+import { Auth } from "./Auth";
 import Route from "./Route";
 
 function App() {
+  const [user, setUser] = useState(null);
+
   return (
     <div className="App">
-      <Route />
+      <Route user={user} setUser={setUser} />
+      <Auth setUser={setUser} />
     </div>
   );
 }

diff --git a/src/Auth.js b/src/Auth.js
@@ -3,7 +3,9 @@ import {
   GoogleAuthProvider,
   signInWithPopup,
   signOut as googleSignOut,
+  onAuthStateChanged,
 } from "firebase/auth";
+import { useEffect } from "react";
 import { getAuthUsers } from "./Firebase";
 
 const provider = new GoogleAuthProvider();
@@ -48,6 +50,17 @@ export const signOut = async (setUser) => {
       console.log("signOut Success!");
     })
     .catch((e) => {
+      console.log(e);
       console.log("signOut failed");
     });
 };
+
+export const Auth = ({ setUser }) => {
+  useEffect(() => {
+    onAuthStateChanged(getAuth(), (user) => {
+      if (user) {
+        setUser(user);
+      }
+    });
+  }, [setUser]);
+};