apps/cs/src/pages/menu/ui/base-type-form.tsx

@@ -17,11 +17,7 @@ import {
 } from "@/shared/ui/form";
 import type { MenuFormData } from "../model/menu-interface";
 
-export function BaseBottomMenuForm({
-  form,
-}: {
-  form: UseFormReturn<MenuFormData>;
-}) {
+export function BaseTypeForm({ form }: { form: UseFormReturn<MenuFormData> }) {
   const handleIconClick = (icon: string) => {
     form.setValue("iconNm", icon);
   };

apps/cs/src/pages/menu/ui/board-menu-form.tsx

@@ -16,7 +16,7 @@ import {
   FormMessage,
 } from "@/shared/ui/form";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function BoardMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
   return (
@@ -97,7 +97,7 @@ export function BoardMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
           </TableCell>
         </TableRow>
 
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
 
         <TableRow>
           <TableHead>QR코드</TableHead>

apps/cs/src/pages/menu/ui/bottom-menu-form.tsx

@@ -1,7 +1,7 @@
 import { type UseFormReturn } from "react-hook-form";
 import { Table, TableBody } from "@common/components";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function BottomMenuForm({
   form,
@@ -15,7 +15,7 @@ export function BottomMenuForm({
         <col width="80%" />
       </colgroup>
       <TableBody>
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
       </TableBody>
     </Table>
   );

apps/cs/src/pages/menu/ui/content-menu-form.tsx

@@ -16,7 +16,7 @@ import {
   FormMessage,
 } from "@/shared/ui/form";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function ContentMenuForm({
   form,
@@ -101,7 +101,7 @@ export function ContentMenuForm({
           </TableCell>
         </TableRow>
 
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
 
         <TableRow>
           <TableHead>QR코드</TableHead>

apps/cs/src/pages/menu/ui/empty-menu-form.tsx

@@ -1,7 +1,7 @@
 import { type UseFormReturn } from "react-hook-form";
 import { Table, TableBody } from "@common/components";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function EmptyMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
   return (
@@ -11,7 +11,7 @@ export function EmptyMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
         <col width="80%" />
       </colgroup>
       <TableBody>
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
       </TableBody>
     </Table>
   );

apps/cs/src/pages/menu/ui/inside-menu-form.tsx

@@ -1,7 +1,7 @@
 import { type UseFormReturn } from "react-hook-form";
 import { Table, TableBody } from "@common/components";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function InsideMenuForm({
   form,
@@ -15,7 +15,7 @@ export function InsideMenuForm({
         <col width="80%" />
       </colgroup>
       <TableBody>
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
       </TableBody>
     </Table>
   );

apps/cs/src/pages/menu/ui/menu-form.tsx

@@ -67,7 +67,7 @@ export function MenuForm({
             <div className="card">
               <BaseMenuForm form={form} menuId={menuId} />
               <div className="-mt-[0.1rem]">
-                {renderMenuTypeComponent(menuType, form)}
+                {renderTypeForm(menuType, form)}
               </div>
             </div>
           </div>
@@ -88,10 +88,7 @@ export function MenuForm({
   );
 }
 
-function renderMenuTypeComponent(
-  menuType: string,
-  form: UseFormReturn<MenuFormData>,
-) {
+function renderTypeForm(menuType: string, form: UseFormReturn<MenuFormData>) {
   switch (menuType) {
     case MENU_TYPE.EMPTY:
       return <EmptyMenuForm form={form} />;

apps/cs/src/pages/menu/ui/outside-menu-form.tsx

@@ -1,7 +1,7 @@
 import { type UseFormReturn } from "react-hook-form";
 import { Table, TableBody } from "@common/components";
 import type { MenuFormData } from "../model/menu-interface";
-import { BaseBottomMenuForm } from "./base-bottom-menu-form";
+import { BaseTypeForm } from "./base-type-form";
 
 export function OutsideMenuForm({
   form,
@@ -15,7 +15,7 @@ export function OutsideMenuForm({
         <col width="80%" />
       </colgroup>
       <TableBody>
-        <BaseBottomMenuForm form={form} />
+        <BaseTypeForm form={form} />
       </TableBody>
     </Table>
   );