Merge pull request #349 from boostcampwm-2024/bug-fe-#348

사용하지 않는 pages 쿼리 제거

Author: yewonJin

apps/frontend/src/features/pageSidebar/api/usePages.ts

@@ -1,16 +1,6 @@
-import {
-  useQuery,
-  useMutation,
-  useQueryClient,
-  skipToken,
-} from "@tanstack/react-query";
+import { useQuery, useMutation, skipToken } from "@tanstack/react-query";
 
-import {
-  getPages,
-  createPage,
-  deletePage,
-  getPage,
-} from "@/entities/page/api/pageApi";
+import { createPage, deletePage, getPage } from "@/entities/page/api/pageApi";
 import { CreatePageRequest } from "@/entities/page/model/pageTypes";
 
 export const usePage = (currentPage: number | null) => {
@@ -27,33 +17,14 @@ export const usePage = (currentPage: number | null) => {
 };
 
 export const useCreatePage = () => {
-  const queryClient = useQueryClient();
-
   return useMutation({
     mutationFn: ({ title, content, x, y, emoji }: CreatePageRequest) =>
       createPage({ title, content, x, y, emoji }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["pages"] });
-    },
   });
 };
 
 export const useDeletePage = () => {
-  const queryClient = useQueryClient();
-
   return useMutation({
     mutationFn: ({ id }: { id: number }) => deletePage(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["pages"] });
-    },
-  });
-};
-
-export const usePages = (workspaceId: string) => {
-  const { data: pages, isError } = useQuery({
-    queryKey: ["pages", workspaceId],
-    queryFn: workspaceId ? () => getPages(workspaceId) : skipToken,
   });
-
-  return { pages, isError };
 };

apps/frontend/src/features/pageSidebar/ui/Tools/index.tsx

@@ -2,22 +2,20 @@ import { PencilLine } from "lucide-react";
 
 import Button from "@/shared/ui/Button";
 
-import { useCreatePage, usePages } from "@/features/pageSidebar/api/usePages";
+import { useCreatePage } from "@/features/pageSidebar/api/usePages";
 import { usePageStore } from "../../model/pageStore";
 import useYDocStore from "@/shared/model/ydocStore";
 import { initializeYText } from "@/shared/model";
-import { useWorkspace } from "@/shared/lib/useWorkspace";
 
 export function Tools() {
   const { setCurrentPage } = usePageStore();
-  const workspace = useWorkspace();
-  const { pages } = usePages(workspace);
+
   const createMutation = useCreatePage();
   const { ydoc } = useYDocStore();
 
   return (
     <Button
-      className={`${!pages && "disabled"} flex w-full flex-row items-center gap-1 rounded-sm px-2 py-1 font-medium hover:bg-neutral-100`}
+      className={`flex w-full flex-row items-center gap-1 rounded-sm px-2 py-1 font-medium hover:bg-neutral-100`}
       onClick={() => {
         createMutation
           .mutateAsync({