feat: 로그아웃 버튼 클릭시 로컬스토리지에서 jwt 토큰 삭제 및 페이지 리로드

LikeLionHGU · Aug 3, 2024 · e9eee26 · e9eee26
1 parent 826da09
commit e9eee26
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Common/HeaderLightVer.jsx b/src/components/Common/HeaderLightVer.jsx
@@ -30,7 +30,11 @@ function HeaderLightVer() {
     navigate("/sign");
   };
 
-  const handleSignOutBtnClick = () => {};
+  const handleSignOutBtnClick = () => {
+    localStorage.removeItem("jwtToken");
+    window.location.reload();
+    navigate("/");
+  };
 
   return (
     <Wrapper>

diff --git a/src/components/MainPage/HeaderMain.jsx b/src/components/MainPage/HeaderMain.jsx
@@ -18,7 +18,10 @@ function HeaderMain() {
     navigate("/sign");
   };
 
-  const handleSignOutBtnClick = () => {};
+  const handleSignOutBtnClick = () => {
+    localStorage.removeItem("jwtToken");
+    window.location.reload();
+  };
 
   useEffect(() => {
     document.body.style.overflow = isLoginModalOpen ? "hidden" : "auto";