revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/components/admin/catalog-manager/catalog-manager-dialog.tsx

@@ -1,22 +1,28 @@
-"use client";
+'use client'
 
-import { LayoutGrid } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
-import { createCatalogPage } from "@/actions/catalog";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { TooltipProvider } from "@/components/ui/tooltip";
-import type { RootTab } from "@/types/catalog";
-import { BreadcrumbBar } from "./breadcrumb-bar";
-import { InlineEditor, type PageUpdateData } from "./inline-editor";
-import { RootTabs } from "./root-tabs";
-import { SortableTree } from "./sortable-tree";
-import { StatsBar } from "./stats-bar";
-import { CatalogManagerProvider, useCatalogManager } from "./use-catalog-store";
+import { LayoutGrid } from 'lucide-react'
+import { useCallback, useEffect, useState } from 'react'
+import { toast } from 'sonner'
+import { createCatalogPage } from '@/actions/catalog'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@/components/ui/dialog'
+import { TooltipProvider } from '@/components/ui/tooltip'
+import type { RootTab } from '@/types/catalog'
+import { BreadcrumbBar } from './breadcrumb-bar'
+import { InlineEditor, type PageUpdateData } from './inline-editor'
+import { RootTabs } from './root-tabs'
+import { SortableTree } from './sortable-tree'
+import { StatsBar } from './stats-bar'
+import { CatalogManagerProvider, useCatalogManager } from './use-catalog-store'
 
 export function CatalogManagerDialog() {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(false)
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
@@ -35,7 +41,7 @@ export function CatalogManagerDialog() {
         </CatalogManagerProvider>
       </DialogContent>
     </Dialog>
-  );
+  )
 }
 
 function CatalogManagerInner({
@@ -43,93 +49,96 @@ function CatalogManagerInner({
   // biome-ignore lint/correctness/noUnusedFunctionParameters: part of the dialog public API
   onOpenChange,
 }: {
-  open: boolean;
-  onOpenChange: (v: boolean) => void;
+  open: boolean
+  onOpenChange: (v: boolean) => void
 }) {
-  const { state, dispatch } = useCatalogManager();
+  const { state, dispatch } = useCatalogManager()
 
   // Load root pages when dialog opens
   const loadRootPages = useCallback(async () => {
-    dispatch({ type: "SET_LOADING_ROOT", loading: true });
+    dispatch({ type: 'SET_LOADING_ROOT', loading: true })
     try {
-      const res = await fetch("/api/admin/catalog/tree?parentId=-1");
-      if (!res.ok) throw new Error();
-      const data = await res.json();
+      const res = await fetch('/api/admin/catalog/tree?parentId=-1')
+      if (!res.ok) throw new Error()
+      const data = await res.json()
       const pages: RootTab[] = (data.pages || []).map((p: Record<string, unknown>) => ({
         id: p.id as number,
         caption: p.caption as string,
         iconImage: p.iconImage as number,
         enabled: String(p.enabled),
         orderNum: (p.orderNum as number) || 0,
-      }));
-      dispatch({ type: "SET_ROOT_PAGES", pages });
+      }))
+      dispatch({ type: 'SET_ROOT_PAGES', pages })
 
       // Auto-select first tab if none or missing
-      if (pages.length > 0 && (!state.activeTabId || !pages.find((p) => p.id === state.activeTabId))) {
-        dispatch({ type: "SET_ACTIVE_TAB", id: pages[0].id });
+      if (
+        pages.length > 0 &&
+        (!state.activeTabId || !pages.find((p) => p.id === state.activeTabId))
+      ) {
+        dispatch({ type: 'SET_ACTIVE_TAB', id: pages[0].id })
       }
     } catch {
-      toast.error("Failed to load catalog root pages");
-      dispatch({ type: "SET_LOADING_ROOT", loading: false });
+      toast.error('Failed to load catalog root pages')
+      dispatch({ type: 'SET_LOADING_ROOT', loading: false })
     }
-  }, [dispatch, state.activeTabId]);
+  }, [dispatch, state.activeTabId])
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: explicitly chosen here, see surrounding code
   useEffect(() => {
-    if (open) loadRootPages();
-  }, [open]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (open) loadRootPages()
+  }, [open]) // eslint-disable-line react-hooks/exhaustive-deps
 
   // Handle dialog close: preserve tree state, clear selection
   useEffect(() => {
-    if (!open) dispatch({ type: "ON_DIALOG_CLOSE" });
-  }, [open, dispatch]);
+    if (!open) dispatch({ type: 'ON_DIALOG_CLOSE' })
+  }, [open, dispatch])
 
   const handleTabClick = (id: number) => {
-    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
-    dispatch({ type: "SET_ACTIVE_TAB", id });
-    dispatch({ type: "CLEAR_TREE" });
-  };
+    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
+    dispatch({ type: 'SET_ACTIVE_TAB', id })
+    dispatch({ type: 'CLEAR_TREE' })
+  }
 
   const handleCreateRoot = async () => {
-    const caption = prompt("Root page name:");
-    if (!caption?.trim()) return;
+    const caption = prompt('Root page name:')
+    if (!caption?.trim()) return
     try {
-      const result = await createCatalogPage({ parentId: -1, caption: caption.trim() });
-      if (!result.ok) throw new Error(result.error);
-      await loadRootPages();
-      toast.success("Root page created");
+      const result = await createCatalogPage({ parentId: -1, caption: caption.trim() })
+      if (!result.ok) throw new Error(result.error)
+      await loadRootPages()
+      toast.success('Root page created')
     } catch {
-      toast.error("Failed to create root page");
+      toast.error('Failed to create root page')
     }
-  };
+  }
 
   const handleSelectPage = (id: number) => {
-    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
-    dispatch({ type: "SELECT_PAGE", id: id > 0 ? id : null });
-  };
+    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
+    dispatch({ type: 'SELECT_PAGE', id: id > 0 ? id : null })
+  }
 
   const handleEditTab = (id: number) => {
     // First ensure this tab is active, then select it in the editor
     if (state.activeTabId !== id) {
-      dispatch({ type: "SET_ACTIVE_TAB", id });
-      dispatch({ type: "CLEAR_TREE" });
+      dispatch({ type: 'SET_ACTIVE_TAB', id })
+      dispatch({ type: 'CLEAR_TREE' })
     }
-    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
-    dispatch({ type: "SELECT_PAGE", id });
-  };
+    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
+    dispatch({ type: 'SELECT_PAGE', id })
+  }
 
   const handleEditorSaved = (updated: PageUpdateData) => {
-    dispatch({ type: "UPDATE_NODE", update: { ...updated } });
-    dispatch({ type: "SET_DIRTY", dirty: false });
+    dispatch({ type: 'UPDATE_NODE', update: { ...updated } })
+    dispatch({ type: 'SET_DIRTY', dirty: false })
 
     // Update root tabs if root page
-    const rootIdx = state.rootPages.findIndex((p) => p.id === updated.id);
+    const rootIdx = state.rootPages.findIndex((p) => p.id === updated.id)
     if (rootIdx !== -1) {
-      const pages = [...state.rootPages];
-      pages[rootIdx] = { ...pages[rootIdx], caption: updated.caption, enabled: updated.enabled };
-      dispatch({ type: "SET_ROOT_PAGES", pages });
+      const pages = [...state.rootPages]
+      pages[rootIdx] = { ...pages[rootIdx], caption: updated.caption, enabled: updated.enabled }
+      dispatch({ type: 'SET_ROOT_PAGES', pages })
     }
-  };
+  }
 
   return (
     <TooltipProvider delayDuration={300}>
@@ -169,5 +178,5 @@ function CatalogManagerInner({
       {/* Stats bar */}
       <StatsBar />
     </TooltipProvider>
-  );
+  )
 }