From 89cec5291d8e3d8739fb52b231d8476a326cc0e7 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 24 Mar 2025 16:32:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A9=94=EB=89=B4=20=ED=8F=BC=EC=97=90?=
 =?UTF-8?q?=20'=EB=A9=94=EB=89=B4ID'=20=ED=95=84=EB=93=9C=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/menu/ui/base-menu-form.tsx | 11 ++++++++++-
 apps/cs/src/pages/menu/ui/menu-form.tsx      |  8 ++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/cs/src/pages/menu/ui/base-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
index 98dfe4e92..9af6dd6f1 100644
--- a/apps/cs/src/pages/menu/ui/base-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
@@ -20,9 +20,10 @@ import { MENU_TYPE, type MenuFormData } from "../model/menu-interface";
 
 interface BaseMenuFormProps {
   form: UseFormReturn<MenuFormData>;
+  menuId?: number;
 }
 
-export function BaseMenuForm({ form }: BaseMenuFormProps) {
+export function BaseMenuForm({ form, menuId }: BaseMenuFormProps) {
   return (
     <Table variant="secondary">
       <colgroup>
@@ -30,6 +31,14 @@ export function BaseMenuForm({ form }: BaseMenuFormProps) {
         <col width="80%" />
       </colgroup>
       <TableBody>
+        <TableRow>
+          <TableHead>메뉴ID</TableHead>
+          <TableCell className="border">
+            <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+              {menuId}
+            </div>
+          </TableCell>
+        </TableRow>
         <TableRow>
           <TableHead>메뉴명</TableHead>
           <TableCell className="border">
diff --git a/apps/cs/src/pages/menu/ui/menu-form.tsx b/apps/cs/src/pages/menu/ui/menu-form.tsx
index ef837a0fa..30677c288 100644
--- a/apps/cs/src/pages/menu/ui/menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-form.tsx
@@ -11,7 +11,7 @@ import { ContentMenuForm } from "./content-menu-form";
 
 interface MenuFormProps {
   form: UseFormReturn<MenuFormData>;
-  menuId?: string;
+  menuId?: number;
   handleSave: (data: MenuFormData) => Promise<void>;
   handleDelete?: () => Promise<void>;
 }
@@ -26,8 +26,6 @@ export function MenuForm({
   const { confirm } = useConfirm();
   const [onConfirm, setOnConfirm] = useState(false);
 
-  const menuType = form.watch("menuLnkgTypeCd");
-
   const onSubmit = async (data: MenuFormData) => {
     const confirmMessage = isModifyMode
       ? "수정하시겠습니까?"
@@ -50,6 +48,8 @@ export function MenuForm({
     setOnConfirm(false);
   };
 
+  const menuType = form.watch("menuLnkgTypeCd");
+
   return (
     <>
       <Form {...form}>
@@ -61,7 +61,7 @@ export function MenuForm({
               </h3>
             </div>
             <div className="card">
-              <BaseMenuForm form={form} />
+              <BaseMenuForm form={form} menuId={menuId} />
               <div className="-mt-[0.1rem]">
                 {renderMenuTypeComponent(menuType, form)}
               </div>