From 6a784cecf3b7c7c557e4264412e33dc749be625a Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 28 Mar 2025 10:53:16 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=BD=98=ED=85=90=EC=B8=A0=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/menu/model/content-interface.ts |  5 ++-
 .../pages/menu/ui/dialog/content-dialog.tsx   | 31 ++++++++++++++++---
 apps/cs/src/pages/menu/ui/menu-page.tsx       |  4 +--
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/apps/cs/src/pages/menu/model/content-interface.ts b/apps/cs/src/pages/menu/model/content-interface.ts
index dc789d059..8d59b1516 100644
--- a/apps/cs/src/pages/menu/model/content-interface.ts
+++ b/apps/cs/src/pages/menu/model/content-interface.ts
@@ -1,9 +1,8 @@
 import type { PageableList, PageableParams } from "@/shared/model";
 
 export interface ContentParams extends PageableParams {
-  siteId?: string;
-  menuKornNm?: string;
-  urlPath?: string;
+  contsTtl?: string;
+  aprvContsVer?: number;
   useYn?: string;
 }
 
diff --git a/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx b/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx
index 7c99637bf..00ad8810a 100644
--- a/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx
+++ b/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx
@@ -13,6 +13,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle,
+  Input,
 } from "@common/components/ui";
 import { ENDPOINT } from "@/shared/config";
 import { ContentApi } from "../../api/content-service";
@@ -25,11 +26,13 @@ type ContentDialogProps = {
 
 function ContentDialog({ handleContentSelect, ...props }: ContentDialogProps) {
   const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
+  const [contsTtl, setContsTtl] = useState("");
 
-  const { data: contentList } = useQuery({
+  const { data: contentList, refetch } = useQuery({
     queryKey: [ENDPOINT.CMS_SERVICE.CONTENTS],
     queryFn: () =>
-      ContentApi.getContentList({ useYn: "Y", page: 0, size: 100 }),
+      ContentApi.getContentList({ contsTtl, useYn: "Y", page: 0, size: 100 }),
+    enabled: false,
   });
 
   const table = useReactTable({
@@ -50,6 +53,10 @@ function ContentDialog({ handleContentSelect, ...props }: ContentDialogProps) {
     handleContentSelect(contentData);
   }, [table.getSelectedRowModel().rows]);
 
+  useEffect(() => {
+    refetch();
+  }, []);
+
   return (
     <Dialog {...props}>
       <DialogTrigger asChild>
@@ -60,10 +67,24 @@ function ContentDialog({ handleContentSelect, ...props }: ContentDialogProps) {
       </DialogTrigger>
       <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
         <DialogHeader>
-          <DialogTitle>콘텐츠 선택</DialogTitle>
+          <DialogTitle>콘텐츠 조회</DialogTitle>
         </DialogHeader>
-        <div className="mt-4 h-[40rem] overflow-y-auto">
-          <DataTable table={table} />
+        <div className="flex flex-col gap-4">
+          <div className="card card-border !m-0 flex w-full items-center gap-2">
+            <Input
+              placeholder="검색어를 입력하세요."
+              className="!text-[1.3rem]"
+              value={contsTtl}
+              onChange={(e) => setContsTtl(e.target.value)}
+            />
+            <Button onClick={() => refetch()}>
+              <i className="diveicon di-search" />
+              조회
+            </Button>
+          </div>
+          <div className="h-[40rem] w-full overflow-y-auto">
+            <DataTable table={table} />
+          </div>
         </div>
       </DialogContent>
     </Dialog>
diff --git a/apps/cs/src/pages/menu/ui/menu-page.tsx b/apps/cs/src/pages/menu/ui/menu-page.tsx
index f06f7a773..c1a83ab3e 100644
--- a/apps/cs/src/pages/menu/ui/menu-page.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-page.tsx
@@ -27,7 +27,7 @@ import {
   type MenuFormData,
 } from "../model/menu-interface";
 import { MenuTree } from "./menu-tree";
-import { MenuForm } from "./menu-form";
+import { MenuForm } from "./form/menu-form";
 import { generateTreeData } from "../lib/utils";
 
 function MenuPage() {
@@ -119,10 +119,10 @@ function MenuPage() {
       sortSeq: menuInfo?.sortSeq ?? 1,
       menuKornNm: menuInfo?.menuKornNm ?? "",
       menuLnkgTypeCd: menuInfo?.menuLnkgTypeCd ?? MENU_TYPE.EMPTY,
+      iconNm: menuInfo?.iconName,
       otptYn: menuInfo?.otptYn ?? "Y",
       evlUseYn: menuInfo?.evlUseYn ?? "Y",
       useYn: menuInfo?.useYn ?? "Y",
-      iconNm: menuInfo?.iconName,
     },
   });