refactor: 에디터 unsaved 뱃지 제거

- 미사용 기능이므로 제거

Author: pkh0106

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

@@ -7,7 +7,6 @@ import {
   type JSONContent,
   EditorCommandList,
   EditorBubble,
-  type EditorInstance,
 } from "novel";
 import { ImageResizer, handleCommandNavigation } from "novel/extensions";
 import Collaboration from "@tiptap/extension-collaboration";
@@ -28,19 +27,14 @@ import { ColorSelector } from "./selectors/color-selector";
 import { uploadFn } from "../../model/upload";
 import { useEditor } from "../../model/useEditor";
 
-type EditorUpdateEvent = {
-  editor: EditorInstance;
-};
-
 interface EditorProp {
   pageId: number;
   initialContent?: JSONContent;
-  onEditorUpdate?: (event: EditorUpdateEvent) => void;
   ydoc: Y.Doc;
   provider: SocketIOProvider;
 }
 
-export function Editor({ onEditorUpdate, ydoc, provider }: EditorProp) {
+export function Editor({ ydoc, provider }: EditorProp) {
   const {
     openNode,
     openColor,
@@ -81,7 +75,6 @@ export function Editor({ onEditorUpdate, ydoc, provider }: EditorProp) {
           },
         }}
         slotAfter={<ImageResizer />}
-        onUpdate={onEditorUpdate}
       >
         <EditorCommand className="z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 shadow-md transition-all">
           <EditorCommandEmpty className="px-2 text-muted-foreground">

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

@@ -6,14 +6,9 @@ import {
 } from "lucide-react";
 
 import { useEditorStore } from "../../model/editorStore";
-import SaveStatus from "../SaveStatus";
 import { cn } from "@/shared/lib";
 
-interface EditorActionPanelProps {
-  saveStatus: "saved" | "unsaved";
-}
-
-export function EditorActionPanel({ saveStatus }: EditorActionPanelProps) {
+export function EditorActionPanel() {
   const { isPanelOpen, togglePanel, isMaximized, toggleMaximized } =
     useEditorStore();
 
@@ -51,7 +46,6 @@ export function EditorActionPanel({ saveStatus }: EditorActionPanelProps) {
             )}
           </button>
         </div>
-        <SaveStatus saveStatus={saveStatus} />
       </div>
     </div>
   );

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

@@ -1,5 +1,4 @@
-import { useEffect, useState } from "react";
-import { useDebouncedCallback } from "use-debounce";
+import { useEffect } from "react";
 
 import { useUserStore } from "@/entities/user";
 import { usePageStore } from "@/entities/page";
@@ -10,7 +9,6 @@ import { useEdtorConnection } from "@/features/editor/model/useEditorConnection"
 export const useEditorView = () => {
   const { currentPage } = usePageStore();
   const { isPanelOpen, isMaximized, setIsPanelOpen } = useEditorStore();
-  const [saveStatus, setSaveStatus] = useState<"saved" | "unsaved">("saved");
   useEdtorConnection(currentPage);
   const { editor } = useConnectionStore();
   const { users } = useUserStore();
@@ -25,22 +23,12 @@ export const useEditorView = () => {
     setIsPanelOpen(true);
   }, [currentPage]);
 
-  const handleEditorUpdate = useDebouncedCallback(async () => {
-    if (currentPage === null) {
-      return;
-    }
-
-    setSaveStatus("unsaved");
-  }, 500);
-
   return {
     currentPage,
     isPanelOpen,
     isMaximized,
     ydoc: editor.provider?.doc,
     provider: editor.provider,
-    saveStatus,
-    handleEditorUpdate,
     users,
   };
 };

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

@@ -4,15 +4,8 @@ import { ActiveUser } from "@/shared/ui";
 import { cn } from "@/shared/lib";
 
 export function EditorView() {
-  const {
-    currentPage,
-    isPanelOpen,
-    isMaximized,
-    provider,
-    saveStatus,
-    handleEditorUpdate,
-    users,
-  } = useEditorView();
+  const { currentPage, isPanelOpen, isMaximized, provider, users } =
+    useEditorView();
 
   if (currentPage === null) {
     return null;
@@ -28,7 +21,7 @@ export function EditorView() {
         isMaximized ? "right-0 top-0 h-screen w-screen" : "",
       )}
     >
-      <EditorActionPanel saveStatus={saveStatus} />
+      <EditorActionPanel />
       <div
         className={cn(
           "flex flex-1 flex-col gap-4 overflow-auto px-12 py-4",
@@ -46,7 +39,6 @@ export function EditorView() {
           pageId={currentPage}
           ydoc={provider.doc}
           provider={provider}
-          onEditorUpdate={handleEditorUpdate}
         />
       </div>
     </div>