From f76f2c987a91f80100d0ec5aed0d12fa1ac6b7b6 Mon Sep 17 00:00:00 2001
From: junglesub <junglesubmarine@gmail.com>
Date: Tue, 6 Aug 2024 17:41:27 +0900
Subject: [PATCH] feat(header.jsx): logout page

---
 src/components/Header.jsx | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index d1d99a5..98e071e 100644
--- 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={() => {