Feat(재림): QA 반영 | 카테고리 선택 로직 및 대시보드 랜딩 수정

apps/extension/src/App.tsx

@@ -10,7 +10,7 @@ const App = () => {
   const { data: isSaved } = useGetArticleSaved(url);
 
   const [isDuplicatePop, setIsDuplicatePop] = useState(false);
-  const [mainPopType, setMainPopType] = useState<"add" | "edit">("add");
+  const [mainPopType, setMainPopType] = useState<'add' | 'edit'>('add');
 
   useEffect(() => {
     if (isSaved?.data) {
@@ -20,11 +20,11 @@ const App = () => {
 
   const handleDuplicateLeftClick = () => {
     setIsDuplicatePop(false);
-    setMainPopType("edit");
+    setMainPopType('edit');
   };
 
   const handleDuplicateRightClick = () => {
-    window.location.href = "https://pinback.today/";
+    chrome.tabs.create({ url: 'https://pinback.today' });
   };
 
   return (
@@ -35,7 +35,7 @@ const App = () => {
           onRightClick={handleDuplicateRightClick}
         />
       ) : (
-        <MainPop type={mainPopType} savedData={isSaved?.data}/>
+        <MainPop type={mainPopType} savedData={isSaved?.data} />
       )}
     </>
   );

apps/extension/src/apis/query/queries.ts

@@ -1,5 +1,17 @@
-import { useMutation,useQuery } from "@tanstack/react-query";
-import { postArticle, PostArticleRequest,postSignup, postSignupRequest, getCategoriesExtension, postCategories, postCategoriesRequest, getRemindTime, getArticleSaved,putArticle, PutArticleRequest} from "@apis/axios";
+import { useMutation, useQuery, UseQueryOptions } from '@tanstack/react-query';
+import {
+  postArticle,
+  PostArticleRequest,
+  postSignup,
+  postSignupRequest,
+  getCategoriesExtension,
+  postCategories,
+  postCategoriesRequest,
+  getRemindTime,
+  getArticleSaved,
+  putArticle,
+  PutArticleRequest,
+} from '@apis/axios';
 
 export const usePostArticle = () => {
   return useMutation({
@@ -9,40 +21,51 @@ export const usePostArticle = () => {
 
 export const usePostSignup = () => {
   return useMutation({
-    mutationFn: (data: postSignupRequest) => postSignup(data)
+    mutationFn: (data: postSignupRequest) => postSignup(data),
   });
-}
+};
 
 export const usePostCategories = () => {
   return useMutation({
     mutationFn: (data: postCategoriesRequest) => postCategories(data),
   });
-}
-export const useGetCategoriesExtension = () => {
-  return useQuery({
-    queryKey: ["categoriesExtension"],
+};
+
+type CategoriesResponse = Awaited<ReturnType<typeof getCategoriesExtension>>;
+
+export const useGetCategoriesExtension = (
+  options?: Partial<UseQueryOptions<CategoriesResponse>>
+) => {
+  return useQuery<CategoriesResponse>({
+    queryKey: ['categoriesExtension'],
     queryFn: getCategoriesExtension,
+    ...options, // ✅ 외부에서 온 enabled 같은 값 덮어쓰기
   });
 };
 
 export const useGetRemindTime = () => {
   return useQuery({
-    queryKey: ["remindTime"],
+    queryKey: ['remindTime'],
     queryFn: getRemindTime,
   });
-}
+};
 
-export const useGetArticleSaved = (url:string) => {
+export const useGetArticleSaved = (url: string) => {
   return useQuery({
-    queryKey: ["articleSaved", url],
+    queryKey: ['articleSaved', url],
     queryFn: () => getArticleSaved(url),
-    enabled: !!url, 
+    enabled: !!url,
   });
-}
+};
 
 export const usePutArticle = () => {
   return useMutation({
-    mutationFn: ({ articleId, data }: { articleId: number; data: PutArticleRequest }) =>
-      putArticle(articleId, data)
+    mutationFn: ({
+      articleId,
+      data,
+    }: {
+      articleId: number;
+      data: PutArticleRequest;
+    }) => putArticle(articleId, data),
   });
-};
+};

apps/extension/src/hooks/usePageMeta.ts

@@ -39,7 +39,7 @@ export const usePageMeta = () => {
 
       chrome.storage.local.set({ bookmarkedUrl: currentUrl });
       const newMeta = await getOgMeta(currentUrl);
- // 개발중에는 잠시 주석처리
+      // 개발중에는 잠시 주석처리
       //   const isInternalChromePage =
       //     /^chrome:\/\//.test(currentUrl) ||
       //     /^edge:\/\//.test(currentUrl) ||