[Fix] 자동 로그아웃 누락된 부분 추가

- 로그아웃 처리 시 로컬 스토리지에 존재하는 토큰 제거하는 코드 추가 (기존 로직에서 누락) Issues #122
codestates-seb · Oct 2, 2023 · 0c48a04 · 0c48a04
1 parent 02348db
commit 0c48a04
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/client/src/page/MainPage.tsx b/client/src/page/MainPage.tsx
@@ -141,6 +141,8 @@ const MainPage = () => {
 
       if (autoLogoutSecondAlarm !== null) {
         if (currentTime >= parseInt(autoLogoutSecondAlarm) + secondAlarmTime + lastAlarmTime) {
+          localStorage.removeItem("accessToken");
+          localStorage.removeItem("refreshToken");
           localStorage.removeItem("autoLogoutSecondAlarm");
         } else {
           const timeGone = currentTime - parseInt(autoLogoutSecondAlarm);
@@ -152,6 +154,8 @@ const MainPage = () => {
 
       if (autoLogoutLastAlarm !== null) {
         if (currentTime >= parseInt(autoLogoutLastAlarm) + lastAlarmTime) {
+          localStorage.removeItem("accessToken");
+          localStorage.removeItem("refreshToken");
           localStorage.removeItem("autoLogoutLastAlarm");
         } else {
           const timeGone = currentTime - parseInt(autoLogoutLastAlarm);
@@ -189,6 +193,8 @@ const MainPage = () => {
 
       if (autoLogoutSecondAlarm !== null) {
         if (currentTime >= parseInt(autoLogoutSecondAlarm) + secondAlarmTime + lastAlarmTime) {
+          localStorage.removeItem("accessToken");
+          localStorage.removeItem("refreshToken");
           localStorage.removeItem("autoLogoutSecondAlarm");
         } else {
           const timeGone = currentTime - parseInt(autoLogoutSecondAlarm);
@@ -200,6 +206,8 @@ const MainPage = () => {
 
       if (autoLogoutLastAlarm !== null) {
         if (currentTime >= parseInt(autoLogoutLastAlarm) + lastAlarmTime) {
+          localStorage.removeItem("accessToken");
+          localStorage.removeItem("refreshToken");
           localStorage.removeItem("autoLogoutLastAlarm");
         } else {
           const timeGone = currentTime - parseInt(autoLogoutLastAlarm);
@@ -230,7 +238,7 @@ const MainPage = () => {
         <CentralChart />
         {/* props전달 */}
         <StockOrderSection openOAuthModal={openOAuthModal} openProfileModal={openProfileModal} />
-        <TabContainerPage></TabContainerPage>
+        <TabContainerPage />
       </Main>
       {isOAuthModalOpen && (
         <OAuthLoginModal onClose={closeOAuthModal} onEmailLoginClick={openEmailLoginModal} onEmailSignupClick={openEmailSignupModal} onWatchListClick={() => handleMenuChange("관심종목")} onHoldingsClick={() => handleMenuChange("보유종목")} />