Merge pull request #44 from LinkyBoard/dev

[WEB] 배포 최신화

Author: gs0428

apps/extension/src/lib/tanstack/mutation/content.ts

@@ -8,9 +8,11 @@ import {
   quickSaveYoutubeContent,
   updateContent,
 } from "@/services/content";
-import { successToast } from "@linkyboard/components";
+import { infoToast, successToast } from "@linkyboard/components";
 import { useMutation } from "@tanstack/react-query";
 
+import type { HTTPError } from "ky";
+
 import { invalidateQueries } from "..";
 
 export const useQuickSaveContent = () => {
@@ -22,8 +24,10 @@ export const useQuickSaveContent = () => {
         invalidateQueries([CONTENT.GET_ALL_CONTENTS]);
       }
     },
-    onError: (error) => {
-      console.error(error);
+    onError: (error: HTTPError) => {
+      if (error.response.status === 401) {
+        infoToast("세션이 만료되었어요. 다시 로그인해주세요.");
+      }
     },
   });
 };
@@ -37,23 +41,32 @@ export const useQuickSaveYoutubeContent = () => {
         invalidateQueries([CONTENT.GET_ALL_CONTENTS]);
       }
     },
+    onError: (error: HTTPError) => {
+      if (error.response.status === 401) {
+        infoToast("세션이 만료되었어요. 다시 로그인해주세요.");
+      }
+    },
   });
 };
 
 export const useDetailSaveContent = () => {
   return useMutation({
     mutationFn: detailSaveWebContent,
-    onError: (error) => {
-      console.error(error);
+    onError: (error: HTTPError) => {
+      if (error.response.status === 401) {
+        infoToast("세션이 만료되었어요. 다시 로그인해주세요.");
+      }
     },
   });
 };
 
 export const useDetailSaveYoutubeContent = () => {
   return useMutation({
     mutationFn: detailSaveYoutubeContent,
-    onError: (error) => {
-      console.error(error);
+    onError: (error: HTTPError) => {
+      if (error.response.status === 401) {
+        infoToast("세션이 만료되었어요. 다시 로그인해주세요.");
+      }
     },
   });
 };

apps/extension/src/services/index.ts

@@ -1,4 +1,4 @@
-import { removeCookie } from "@/utils/cookie";
+import { getCookie, removeCookie } from "@/utils/cookie";
 import { infoToast } from "@linkyboard/components";
 
 import ky, { type KyRequest, type KyResponse } from "ky";
@@ -17,11 +17,12 @@ export const api = ky.create({
   hooks: {
     afterResponse: [
       async (request: KyRequest, _, response: KyResponse) => {
-        if (response.status === 401) {
+        const token = await getCookie("accessToken");
+
+        if (response.status === 401 && token) {
           infoToast("세션이 만료되었어요. 다시 로그인해주세요.");
           removeCookie("accessToken");
           removeCookie("refreshToken");
-          return window.location.replace("/");
         }
 
         return response;

apps/web/src/components/(with-side-bar)/layout/recent-topic-list.tsx

@@ -32,8 +32,10 @@ export default function RecentTopicList() {
     close(); // 모바일에서 사이드바 닫기
   };
 
-  const isSelected = (topicId: number) =>
-    pathname.includes("topic") && pathname.includes(topicId.toString());
+  const isSelected = (topicId: number) => {
+    const topicPath = `/topic/${topicId}`;
+    return pathname === topicPath || pathname.startsWith(`${topicPath}/`);
+  };
 
   useEffect(() => {
     if (!isPending) {