feat(header.jsx): logout page

LikeLionHGU · Aug 6, 2024 · f76f2c9 · f76f2c9
1 parent 1a78a08
commit f76f2c9
Showing 1 changed file with 20 additions and 8 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -8,13 +8,15 @@ import kakaoLogo from "../assets/kakaologo.svg";
 import { serverRootUrl } from "../constants";
 import { pretendard, timesNewRoman } from "../styles/fonts";
 import TheModal from "./TheModal";
-import { useRecoilValue } from "recoil";
+import { useRecoilValue, useResetRecoilState } from "recoil";
 import { authJwtAtom } from "../recoil/auth/atoms";
 import { useNavigate } from "react-router-dom";
 
 function Header({ loggedIn = false, ...props }) {
   const navigate = useNavigate();
 
+  const resetAuth = useResetRecoilState(authJwtAtom);
+
   const [openModal, setOpenModal] = useState("initial");
   const headerRef = useRef(null);
 
@@ -48,13 +50,23 @@ function Header({ loggedIn = false, ...props }) {
         <HeaderMenus>
           <HeaderMenuBtn>ABOUT US</HeaderMenuBtn>
           {jwtValue ? (
-            <HeaderMenuBtn
-              onClick={() => {
-                navigate("/newuser");
-              }}
-            >
-              MYPAGE
-            </HeaderMenuBtn>
+            <>
+              <HeaderMenuBtn
+                onClick={() => {
+                  navigate("/newuser");
+                }}
+              >
+                MYPAGE
+              </HeaderMenuBtn>
+              <HeaderMenuBtn
+                onClick={() => {
+                  resetAuth();
+                  // navigate("/newuser");
+                }}
+              >
+                LOGOUT
+              </HeaderMenuBtn>
+            </>
           ) : (
             <HeaderMenuBtn
               onClick={() => {