Merge pull request #136 from boostcampwm2023/feat/134-logout-api-connect

[Feat] 로그인 유지 및 로그아웃 로직 변경 구현
boostcampwm2023 · Nov 23, 2023 · 118fe04 · 118fe04
2 parents a23ded6 + fe1b983
commit 118fe04
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/FE/src/App.js b/FE/src/App.js
@@ -1,7 +1,7 @@
-import React from "react";
+import React, { useLayoutEffect } from "react";
 import Reset from "styled-reset";
 import { createGlobalStyle } from "styled-components";
-import { useRecoilValue } from "recoil";
+import { useRecoilState } from "recoil";
 import userAtom from "./atoms/userAtom";
 import Header from "./components/Header/Header";
 import HomePage from "./pages/HomePage";
@@ -35,7 +35,14 @@ const GlobalStyle = createGlobalStyle`
 `;
 
 function App() {
-  const userState = useRecoilValue(userAtom);
+  const [userState, setUserState] = useRecoilState(userAtom);
+
+  useLayoutEffect(() => {
+    const accessToken = localStorage.getItem("accessToken");
+    if (accessToken) {
+      setUserState({ ...userState, isLogin: true, accessToken });
+    }
+  }, []);
 
   return (
     <div className='App'>

diff --git a/FE/src/components/LoginModal/LoginModal.js b/FE/src/components/LoginModal/LoginModal.js
@@ -40,6 +40,7 @@ function LoginModal() {
             isLogin: true,
             accessToken: data.accessToken,
           }));
+          localStorage.setItem("accessToken", data.accessToken);
         } else {
           errorRef.current.innerText = data.message;
         }

diff --git a/FE/src/components/SideBar/SideBar.js b/FE/src/components/SideBar/SideBar.js
@@ -61,6 +61,7 @@ function SideBar() {
               isLogin: false,
               accessToken: "",
             }));
+            localStorage.removeItem("accessToken");
           }}
         >
           로그아웃