diff --git a/apps/cs/src/pages/menu/model/menu-interface.ts b/apps/cs/src/pages/menu/model/menu-interface.ts index 2498dde5f..47df6f749 100644 --- a/apps/cs/src/pages/menu/model/menu-interface.ts +++ b/apps/cs/src/pages/menu/model/menu-interface.ts @@ -66,7 +66,10 @@ export const menuFormSchema = z.object({ }); export type MenuFormData = z.infer; -export type Menu = MenuFormData & { menuCd: number }; +export type Menu = Omit & { + menuCd: number; + iconName?: string; +}; export interface MenuService { getMenuInfo: (menuCd: number) => Promise; diff --git a/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx index 9835f1e3a..5f7c3bb45 100644 --- a/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx +++ b/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx @@ -37,7 +37,7 @@ function BaseTypeMenuForm({ form }: { form: UseFormReturn }) { {...field} value={field.value ?? ""} className="!text-[1.3rem]" - placeholder="메뉴 서브명을 입력하십시오." + placeholder="사이트맵에서 다른 이름으로 사용할 경우 입력하십시오." /> diff --git a/apps/cs/src/pages/menu/ui/inside-menu-form.tsx b/apps/cs/src/pages/menu/ui/inside-menu-form.tsx index f2fed53cf..f671c7d26 100644 --- a/apps/cs/src/pages/menu/ui/inside-menu-form.tsx +++ b/apps/cs/src/pages/menu/ui/inside-menu-form.tsx @@ -1,5 +1,18 @@ import { type UseFormReturn } from "react-hook-form"; -import { Table, TableBody } from "@common/components"; +import { + Input, + Table, + TableBody, + TableCell, + TableHead, + TableRow, +} from "@common/components"; +import { + FormField, + FormItem, + FormControl, + FormMessage, +} from "@/shared/ui/form"; import type { MenuFormData } from "../model/menu-interface"; import { BaseTypeMenuForm } from "./base-type-menu-form"; @@ -11,6 +24,29 @@ function InsideMenuForm({ form }: { form: UseFormReturn }) { + + 연결 URL + + ( + + + + + + + )} + /> + + + {/* TODO: 연결 형태 추가 */} diff --git a/apps/cs/src/pages/menu/ui/menu-page.tsx b/apps/cs/src/pages/menu/ui/menu-page.tsx index 12b4de492..f06f7a773 100644 --- a/apps/cs/src/pages/menu/ui/menu-page.tsx +++ b/apps/cs/src/pages/menu/ui/menu-page.tsx @@ -122,6 +122,7 @@ function MenuPage() { otptYn: menuInfo?.otptYn ?? "Y", evlUseYn: menuInfo?.evlUseYn ?? "Y", useYn: menuInfo?.useYn ?? "Y", + iconNm: menuInfo?.iconName, }, }); diff --git a/apps/cs/src/pages/menu/ui/outside-menu-form.tsx b/apps/cs/src/pages/menu/ui/outside-menu-form.tsx index ac72a2892..035d2dbda 100644 --- a/apps/cs/src/pages/menu/ui/outside-menu-form.tsx +++ b/apps/cs/src/pages/menu/ui/outside-menu-form.tsx @@ -1,5 +1,18 @@ import { type UseFormReturn } from "react-hook-form"; -import { Table, TableBody } from "@common/components"; +import { + Input, + Table, + TableBody, + TableCell, + TableHead, + TableRow, +} from "@common/components"; +import { + FormField, + FormItem, + FormControl, + FormMessage, +} from "@/shared/ui/form"; import type { MenuFormData } from "../model/menu-interface"; import { BaseTypeMenuForm } from "./base-type-menu-form"; @@ -11,6 +24,29 @@ function OutsideMenuForm({ form }: { form: UseFormReturn }) { + + 연결 URL + + ( + + + + + + + )} + /> + + + {/* TODO: 연결 형태 추가 */}