chore: 필요없는 코드 제거

Author: yewonJin

apps/frontend/src/features/editor/model/useEditorTitle.ts

@@ -1,11 +1,9 @@
 import { useState } from "react";
-import { JSONContent } from "novel";
 
 import Emoji from "@/shared/ui/Emoji";
 
 import useYDocStore from "@/shared/model/ydocStore";
 import { useYText } from "@/shared/model/useYText";
-import { useOptimisticUpdatePage } from "@/features/pageSidebar/api/usePages";
 
 interface Emoji {
   id: string;
@@ -16,34 +14,18 @@ interface Emoji {
   unified: string;
 }
 
-export const useEditorTitle = (
-  currentPage: number,
-  pageContent: JSONContent,
-) => {
+export const useEditorTitle = (currentPage: number) => {
   const { ydoc } = useYDocStore();
   const [title, setYTitle] = useYText(ydoc, "title", currentPage);
   const [emoji, setYEmoji] = useYText(ydoc, "emoji", currentPage);
   const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState(false);
 
-  const optimisticUpdatePageMutation = useOptimisticUpdatePage({
-    id: currentPage ?? 0,
-  });
-
   const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setYTitle(e.target.value);
-
-    optimisticUpdatePageMutation.mutate({
-      pageData: { title: e.target.value, content: pageContent, emoji },
-    });
   };
 
   const handleEmojiClick = ({ native }: Emoji) => {
     setYEmoji(native);
-
-    optimisticUpdatePageMutation.mutate({
-      pageData: { title, content: pageContent, emoji: native },
-    });
-
     setIsEmojiPickerOpen(false);
   };
 
@@ -61,11 +43,6 @@ export const useEditorTitle = (
     e.stopPropagation();
 
     setYEmoji("");
-
-    optimisticUpdatePageMutation.mutate({
-      pageData: { title, content: pageContent, emoji: "" },
-    });
-
     setIsEmojiPickerOpen(false);
   };
 

apps/frontend/src/features/editor/ui/EditorTitle/index.tsx

@@ -1,5 +1,4 @@
 import Picker from "@emoji-mart/react";
-import { JSONContent } from "novel";
 
 import { useEditorTitle } from "@/features/editor/model/useEditorTitle";
 import Emoji from "@/shared/ui/Emoji";
@@ -8,7 +7,6 @@ import { cn } from "@/shared/lib";
 
 interface EditorTitleProps {
   currentPage: number;
-  pageContent: JSONContent;
 }
 
 interface Emoji {
@@ -20,7 +18,7 @@ interface Emoji {
   unified: string;
 }
 
-export function EditorTitle({ currentPage, pageContent }: EditorTitleProps) {
+export function EditorTitle({ currentPage }: EditorTitleProps) {
   const {
     emoji,
     title,
@@ -30,7 +28,7 @@ export function EditorTitle({ currentPage, pageContent }: EditorTitleProps) {
     handleEmojiClick,
     handleEmojiOutsideClick,
     handleTitleChange,
-  } = useEditorTitle(currentPage, pageContent);
+  } = useEditorTitle(currentPage);
 
   return (
     <div className="flex flex-col gap-3">

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

@@ -61,30 +61,3 @@ export const usePages = () => {
 
   return { pages, isError };
 };
-
-export const useOptimisticUpdatePage = ({ id }: { id: number }) => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: ({ pageData }: { pageData: UpdatePageRequest }) =>
-      updatePage(id, pageData),
-    onMutate: async ({ pageData }: { pageData: UpdatePageRequest }) => {
-      await queryClient.cancelQueries({ queryKey: ["page", id] });
-
-      const snapshot = queryClient.getQueryData(["page", id]);
-
-      queryClient.setQueryData(["page", id], pageData);
-
-      return () => {
-        queryClient.setQueryData(["page", id], snapshot);
-      };
-    },
-    onError: (_err, _variables, rollback) => {
-      rollback?.();
-    },
-    onSettled: () => {
-      // queryClient.invalidateQueries({ queryKey: ["page", id] });
-      queryClient.invalidateQueries({ queryKey: ["pages"] });
-    },
-  });
-};

apps/frontend/src/widgets/EditorView/hooks/useEditorView.ts

@@ -34,8 +34,6 @@ export const useEditorView = () => {
     };
   }, [currentPage]);
 
-  const pageContent = page?.content ?? {};
-
   const handleEditorUpdate = useDebouncedCallback(async () => {
     if (currentPage === null) {
       return;
@@ -53,7 +51,6 @@ export const useEditorView = () => {
     ydoc,
     provider,
     saveStatus,
-    pageContent,
     handleEditorUpdate,
     users,
   };

apps/frontend/src/widgets/EditorView/ui/index.tsx

@@ -13,7 +13,6 @@ export function EditorView() {
     ydoc,
     provider,
     saveStatus,
-    pageContent,
     handleEditorUpdate,
     users,
   } = useEditorView();
@@ -39,11 +38,7 @@ export function EditorView() {
           isMaximized && "mx-auto w-[800px] py-4",
         )}
       >
-        <EditorTitle
-          key={currentPage}
-          currentPage={currentPage}
-          pageContent={pageContent}
-        />
+        <EditorTitle key={currentPage} currentPage={currentPage} />
         <ActiveUser
           users={users.filter(
             (user) => user.currentPageId === currentPage.toString(),