From e127180cb717964aa063f6bfdba0df39fd8a0059 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Wed, 26 Mar 2025 17:46:05 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=8A=B8=EB=A6=AC=20=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=20=EC=88=9C=EC=84=9C=20=EB=B3=80=EA=B2=BD=20=EB=A1=9C?=
 =?UTF-8?q?=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/menu/lib/utils.ts     | 8 +++++++-
 apps/cs/src/pages/menu/ui/menu-page.tsx | 6 +++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/cs/src/pages/menu/lib/utils.ts b/apps/cs/src/pages/menu/lib/utils.ts
index a567cf96f..304c7166a 100644
--- a/apps/cs/src/pages/menu/lib/utils.ts
+++ b/apps/cs/src/pages/menu/lib/utils.ts
@@ -31,8 +31,14 @@ export const generateNewTreeData = (
 
   const siblings = treeData.filter((node) => node.parent === dropTargetId);
 
+  const dragSourceIndex = siblings.findIndex(
+    (node) => node.id === dragSourceId,
+  );
+
+  const prevSibling = siblings[dragSourceIndex - 1];
+
   const newSortSeq =
-    siblings.findIndex((sibling) => sibling.id === dragSourceId) + 1;
+    dragSourceIndex === 0 ? 1 : (prevSibling?.data?.sortSeq ?? 0) + 1;
 
   const childNodes = treeData.filter(
     (node) => node.parent === dragSourceId && node.data,
diff --git a/apps/cs/src/pages/menu/ui/menu-page.tsx b/apps/cs/src/pages/menu/ui/menu-page.tsx
index 57fdec1f1..3219291ab 100644
--- a/apps/cs/src/pages/menu/ui/menu-page.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-page.tsx
@@ -116,6 +116,10 @@ function MenuPage() {
 
   const handleNodeSelect = (node: NodeModel<TreeMenu>) => {
     if (!node.data) return;
+    if (node.data.menuCd === selectedMenu?.menuCd) {
+      setSelectedMenu(null);
+      return;
+    }
     setSelectedMenu(node.data);
   };
 
@@ -123,7 +127,7 @@ function MenuPage() {
 
   return (
     <PageLayout pageTitle="메뉴 관리">
-      <div className="card flex gap-2">
+      <div className="card flex !min-h-[calc(100vh-16.8rem)] gap-2">
         <div className="card card-border w-[24rem]">
           <Select value={siteId} onValueChange={handleSiteIdChange}>
             <SelectTrigger>