diff --git a/src/components/material/ReceivingManagement/InspectionCreate.tsx b/src/components/material/ReceivingManagement/InspectionCreate.tsx
index 351fbff1..063a6cdc 100644
--- a/src/components/material/ReceivingManagement/InspectionCreate.tsx
+++ b/src/components/material/ReceivingManagement/InspectionCreate.tsx
@@ -2,6 +2,8 @@
/**
* 수입검사 등록 (IQC) 페이지
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ *
* - 검사 대상 선택
* - 검사 정보 입력 (검사일, 검사자*, LOT번호)
* - 검사 항목 테이블 (겉모양, 두께, 폭, 길이)
@@ -10,13 +12,14 @@
import { useState, useCallback, useMemo, useEffect } from 'react';
import { useRouter } from 'next/navigation';
-import { ClipboardCheck, Calendar } from 'lucide-react';
+import { Calendar } from 'lucide-react';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { materialInspectionCreateConfig } from './inspectionConfig';
import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';
-import { PageLayout } from '@/components/organisms/PageLayout';
import {
Select,
SelectContent,
@@ -183,27 +186,10 @@ export function InspectionCreate({ id }: Props) {
router.push('/ko/material/receiving-management');
}, [router]);
- return (
-
-
- {/* 헤더 */}
-
-
-
-
수입검사 등록 (IQC)
-
-
-
-
-
-
-
-
+ // ===== 폼 콘텐츠 렌더링 =====
+ const renderFormContent = useCallback(() => (
+ <>
+
{/* 좌측: 검사 대상 선택 */}
@@ -362,7 +348,6 @@ export function InspectionCreate({ id }: Props) {
-
+
+ ), [
+ isLoadingTargets, inspectionTargets, selectedTargetId, inspectionDate,
+ inspector, lotNo, inspectionItems, opinion, validationErrors, showSuccess,
+ handleTargetSelect, handleJudgmentChange, handleRemarkChange, handleSuccessClose,
+ ]);
+
+ return (
+
);
}
\ No newline at end of file
diff --git a/src/components/material/ReceivingManagement/inspectionConfig.ts b/src/components/material/ReceivingManagement/inspectionConfig.ts
new file mode 100644
index 00000000..5c98055b
--- /dev/null
+++ b/src/components/material/ReceivingManagement/inspectionConfig.ts
@@ -0,0 +1,23 @@
+'use client';
+
+import { ClipboardCheck } from 'lucide-react';
+import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+
+/**
+ * 수입검사 등록 (IQC) 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const materialInspectionCreateConfig: DetailConfig = {
+ title: '수입검사 등록',
+ description: '수입검사를 등록합니다',
+ icon: ClipboardCheck,
+ basePath: '/material/receiving-management',
+ fields: [],
+ actions: {
+ showBack: true,
+ showEdit: false,
+ showDelete: false,
+ showSave: true,
+ submitLabel: '등록',
+ },
+};
diff --git a/src/components/outbound/ShipmentManagement/ShipmentCreate.tsx b/src/components/outbound/ShipmentManagement/ShipmentCreate.tsx
index e38125db..08972674 100644
--- a/src/components/outbound/ShipmentManagement/ShipmentCreate.tsx
+++ b/src/components/outbound/ShipmentManagement/ShipmentCreate.tsx
@@ -3,13 +3,11 @@
/**
* 출하 등록 페이지
* API 연동 완료 (2025-12-26)
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
*/
import { useState, useCallback, useEffect } from 'react';
import { useRouter } from 'next/navigation';
-import { ArrowLeft, Truck, Loader2, AlertCircle } from 'lucide-react';
-import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
-import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';
@@ -22,7 +20,8 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select';
-import { PageLayout } from '@/components/organisms/PageLayout';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { shipmentCreateConfig } from './shipmentConfig';
import {
createShipment,
getLotOptions,
@@ -177,63 +176,10 @@ export function ShipmentCreate() {
}
}, [formData, router]);
- // 로딩 상태 표시
- if (isLoading) {
- return (
-
-
-
- );
- }
-
- // 에러 상태 표시
- if (error) {
- return (
-
-
-
- );
- }
-
- return (
-
-
- {/* 헤더 */}
-
-
-
-
-
-
-
-
- {/* Validation 에러 표시 */}
+ // 폼 컨텐츠 렌더링
+ const renderFormContent = useCallback(() => (
+
+ {/* Validation 에러 표시 */}
{validationErrors.length > 0 && (
@@ -428,6 +374,35 @@ export function ShipmentCreate() {
-
+ ), [formData, validationErrors, isSubmitting, lotOptions, logisticsOptions, vehicleTonnageOptions]);
+
+ // 로딩 또는 에러 상태 처리
+ if (error) {
+ return (
+
(
+
+ {error}
+
+ )}
+ />
+ );
+ }
+
+ return (
+
);
}
diff --git a/src/components/outbound/ShipmentManagement/ShipmentEdit.tsx b/src/components/outbound/ShipmentManagement/ShipmentEdit.tsx
index 91aef102..51660bbe 100644
--- a/src/components/outbound/ShipmentManagement/ShipmentEdit.tsx
+++ b/src/components/outbound/ShipmentManagement/ShipmentEdit.tsx
@@ -3,13 +3,11 @@
/**
* 출하 수정 페이지
* API 연동 완료 (2025-12-26)
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
*/
import { useState, useCallback, useEffect } from 'react';
import { useRouter } from 'next/navigation';
-import { ArrowLeft, Truck, Loader2, AlertCircle } from 'lucide-react';
-import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
-import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';
@@ -23,8 +21,8 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select';
-import { PageLayout } from '@/components/organisms/PageLayout';
-import { ServerErrorPage } from '@/components/common/ServerErrorPage';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { shipmentEditConfig } from './shipmentConfig';
import {
getShipmentById,
getLogisticsOptions,
@@ -215,63 +213,23 @@ export function ShipmentEdit({ id }: ShipmentEditProps) {
}
}, [id, formData, router]);
- // 로딩 상태 표시
- if (isLoading) {
- return (
-
-
-
- );
- }
+ // 동적 config (로트번호 + 상태 표시)
+ const dynamicConfig = {
+ ...shipmentEditConfig,
+ title: detail ? `출고 수정 (${detail.lotNo})` : '출고 수정',
+ };
- // 에러 상태 표시
- if (error || !detail) {
- return (
-
- );
- }
+ // 폼 컨텐츠 렌더링
+ const renderFormContent = useCallback(() => {
+ if (!detail) return null;
- return (
-
+ return (
- {/* 헤더 */}
-
-
-
-
-
출고 수정
-
{detail.lotNo}
-
- {SHIPMENT_STATUS_LABELS[detail.status]}
-
-
-
-
-
-
+ {/* 상태 배지 */}
+
+
+ {SHIPMENT_STATUS_LABELS[detail.status]}
+
{/* Validation 에러 표시 */}
@@ -536,6 +494,38 @@ export function ShipmentEdit({ id }: ShipmentEditProps) {
-
+ );
+ }, [detail, formData, validationErrors, isSubmitting, logisticsOptions, vehicleTonnageOptions]);
+
+ // 에러 상태 표시
+ if (error && !isLoading) {
+ return (
+
(
+
+
+ {error || '출하 정보를 찾을 수 없습니다.'}
+
+
+ )}
+ />
+ );
+ }
+
+ return (
+
);
}
diff --git a/src/components/outbound/ShipmentManagement/shipmentConfig.ts b/src/components/outbound/ShipmentManagement/shipmentConfig.ts
index 6ac2d17f..9824624c 100644
--- a/src/components/outbound/ShipmentManagement/shipmentConfig.ts
+++ b/src/components/outbound/ShipmentManagement/shipmentConfig.ts
@@ -1,3 +1,5 @@
+'use client';
+
import { Truck } from 'lucide-react';
import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
@@ -33,3 +35,31 @@ export const shipmentConfig: DetailConfig = {
},
},
};
+
+/**
+ * 출하 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const shipmentCreateConfig: DetailConfig = {
+ title: '출하 등록',
+ description: '새로운 출하를 등록합니다',
+ icon: Truck,
+ basePath: '/outbound/shipments',
+ fields: [],
+ actions: {
+ showBack: true,
+ showEdit: false,
+ showDelete: false,
+ showSave: true,
+ submitLabel: '저장',
+ },
+};
+
+/**
+ * 출하 수정 페이지 Config
+ */
+export const shipmentEditConfig: DetailConfig = {
+ ...shipmentCreateConfig,
+ title: '출고 수정',
+ description: '출고 정보를 수정합니다',
+};
diff --git a/src/components/process-management/ProcessForm.tsx b/src/components/process-management/ProcessForm.tsx
index 30568a5f..dd64f7a4 100644
--- a/src/components/process-management/ProcessForm.tsx
+++ b/src/components/process-management/ProcessForm.tsx
@@ -1,8 +1,15 @@
'use client';
+/**
+ * 공정 등록/수정 폼 컴포넌트
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+
import { useState, useCallback, useEffect } from 'react';
import { useRouter } from 'next/navigation';
-import { X, Save, Plus, Wrench, Trash2, Loader2, Pencil } from 'lucide-react';
+import { Plus, Wrench, Trash2, Pencil } from 'lucide-react';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { processCreateConfig, processEditConfig } from './processConfig';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
@@ -17,7 +24,6 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select';
-import { PageLayout } from '@/components/organisms/PageLayout';
import { RuleModal } from './RuleModal';
import { toast } from 'sonner';
import type { Process, ClassificationRule, ProcessType } from '@/types/process';
@@ -190,27 +196,9 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
router.back();
};
- return (
-
- {/* 헤더 */}
-
-
공정 {isEdit ? '수정' : '등록'}
-
-
-
-
-
{/* 기본 정보 */}
@@ -460,6 +448,27 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
onAdd={handleSaveRule}
editRule={editingRule}
/>
-
+
+ ), [
+ processName, processType, department, workLogTemplate, classificationRules,
+ requiredWorkers, equipmentInfo, workSteps, note, isActive, ruleModalOpen,
+ editingRule, departmentOptions, isDepartmentsLoading, handleSaveRule,
+ handleEditRule, handleDeleteRule, handleModalClose,
+ ]);
+
+ // Config 선택 (create/edit)
+ const config = isEdit ? processEditConfig : processCreateConfig;
+
+ return (
+
);
}
diff --git a/src/components/process-management/processConfig.ts b/src/components/process-management/processConfig.ts
new file mode 100644
index 00000000..b045747f
--- /dev/null
+++ b/src/components/process-management/processConfig.ts
@@ -0,0 +1,36 @@
+'use client';
+
+import { Wrench } from 'lucide-react';
+import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+
+/**
+ * 공정 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const processCreateConfig: DetailConfig = {
+ title: '공정 등록',
+ description: '새로운 공정을 등록합니다',
+ icon: Wrench,
+ basePath: '/master-data/process-management',
+ fields: [],
+ actions: {
+ showBack: true,
+ showEdit: false,
+ showDelete: false,
+ showSave: true,
+ submitLabel: '등록',
+ },
+};
+
+/**
+ * 공정 수정 페이지 Config
+ */
+export const processEditConfig: DetailConfig = {
+ ...processCreateConfig,
+ title: '공정 수정',
+ description: '공정 정보를 수정합니다',
+ actions: {
+ ...processCreateConfig.actions,
+ submitLabel: '저장',
+ },
+};
diff --git a/src/components/production/WorkOrders/WorkOrderCreate.tsx b/src/components/production/WorkOrders/WorkOrderCreate.tsx
index 8c9d5bad..21cced1f 100644
--- a/src/components/production/WorkOrders/WorkOrderCreate.tsx
+++ b/src/components/production/WorkOrders/WorkOrderCreate.tsx
@@ -3,11 +3,12 @@
/**
* 작업지시 등록 페이지
* API 연동 완료 (2025-12-26)
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
*/
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
import { useRouter } from 'next/navigation';
-import { ArrowLeft, FileText, X, Edit2, Loader2 } from 'lucide-react';
+import { X, Edit2, FileText } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
@@ -21,13 +22,14 @@ import {
SelectValue,
} from '@/components/ui/select';
import { Alert, AlertDescription } from '@/components/ui/alert';
-import { PageLayout } from '@/components/organisms/PageLayout';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
import { SalesOrderSelectModal } from './SalesOrderSelectModal';
import { AssigneeSelectModal } from './AssigneeSelectModal';
import { toast } from 'sonner';
import { isNextRedirectError } from '@/lib/utils/redirect-error';
import { createWorkOrder, getProcessOptions, type ProcessOption } from './actions';
-import { PROCESS_TYPE_LABELS, type ProcessType, type SalesOrder } from './types';
+import { type SalesOrder } from './types';
+import { workOrderCreateConfig } from './workOrderConfig';
// Validation 에러 타입
interface ValidationErrors {
@@ -208,31 +210,9 @@ export function WorkOrderCreate() {
return selectedProcess?.processCode || '-';
};
- return (
-
- {/* 헤더 */}
-
-
-
-
-
-
-
+ // 폼 컨텐츠 렌더링
+ const renderFormContent = useCallback(() => (
+
{/* Validation 에러 표시 */}
{Object.keys(validationErrors).length > 0 && (
@@ -497,6 +477,19 @@ export function WorkOrderCreate() {
/>
+ ), [mode, formData, validationErrors, processOptions, isLoadingProcesses, assigneeNames, getSelectedProcessCode]);
+
+ return (
+ <>
+
{/* 수주 선택 모달 */}
-
+
);
}
\ No newline at end of file
diff --git a/src/components/production/WorkOrders/WorkOrderEdit.tsx b/src/components/production/WorkOrders/WorkOrderEdit.tsx
index 430d3c59..9a29c622 100644
--- a/src/components/production/WorkOrders/WorkOrderEdit.tsx
+++ b/src/components/production/WorkOrders/WorkOrderEdit.tsx
@@ -3,12 +3,11 @@
/**
* 작업지시 수정 페이지
* WorkOrderCreate 패턴 기반
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
*/
import { useState, useEffect, useCallback } from 'react';
import { useRouter } from 'next/navigation';
-import { ArrowLeft, FileText, Loader2 } from 'lucide-react';
-import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';
@@ -20,13 +19,13 @@ import {
SelectValue,
} from '@/components/ui/select';
import { Alert, AlertDescription } from '@/components/ui/alert';
-import { PageLayout } from '@/components/organisms/PageLayout';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
import { AssigneeSelectModal } from './AssigneeSelectModal';
-import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
import { toast } from 'sonner';
import { isNextRedirectError } from '@/lib/utils/redirect-error';
import { getWorkOrderById, updateWorkOrder, getProcessOptions, type ProcessOption } from './actions';
import type { WorkOrder } from './types';
+import { workOrderEditConfig } from './workOrderConfig';
// Validation 에러 타입
interface ValidationErrors {
@@ -199,41 +198,15 @@ export function WorkOrderEdit({ orderId }: WorkOrderEditProps) {
return selectedProcess?.processCode || '-';
};
- // 로딩 상태
- if (isLoading) {
- return
;
- }
+ // 동적 config (작업지시 번호 포함)
+ const dynamicConfig = {
+ ...workOrderEditConfig,
+ title: `작업지시 수정 ${workOrder ? `(${workOrder.workOrderNo})` : ''}`,
+ };
- if (!workOrder) {
- return null;
- }
-
- return (
-
- {/* 헤더 */}
-
-
-
-
-
- 작업지시 수정
-
-
({workOrder.workOrderNo})
-
-
-
-
-
-
+ // 폼 컨텐츠 렌더링
+ const renderFormContent = useCallback(() => (
+
{/* Validation 에러 표시 */}
{Object.keys(validationErrors).length > 0 && (
@@ -386,6 +359,20 @@ export function WorkOrderEdit({ orderId }: WorkOrderEditProps) {
/>
+ ), [formData, validationErrors, processOptions, isLoadingProcesses, assigneeNames, getSelectedProcessCode]);
+
+ return (
+ <>
+
{/* 담당자 선택 모달 */}
-
+
);
}
\ No newline at end of file
diff --git a/src/components/production/WorkOrders/workOrderConfig.ts b/src/components/production/WorkOrders/workOrderConfig.ts
index 3581932b..ea9ff759 100644
--- a/src/components/production/WorkOrders/workOrderConfig.ts
+++ b/src/components/production/WorkOrders/workOrderConfig.ts
@@ -1,3 +1,5 @@
+'use client';
+
import { FileText } from 'lucide-react';
import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
@@ -28,3 +30,35 @@ export const workOrderConfig: DetailConfig = {
editLabel: '수정',
},
};
+
+/**
+ * 작업지시 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const workOrderCreateConfig: DetailConfig = {
+ title: '작업지시 등록',
+ description: '새로운 작업지시를 등록합니다',
+ icon: FileText,
+ basePath: '/production/work-orders',
+ fields: [],
+ actions: {
+ showBack: true,
+ showEdit: false,
+ showDelete: false,
+ showSave: true,
+ submitLabel: '등록',
+ },
+};
+
+/**
+ * 작업지시 수정 페이지 Config
+ */
+export const workOrderEditConfig: DetailConfig = {
+ ...workOrderCreateConfig,
+ title: '작업지시 수정',
+ description: '작업지시 정보를 수정합니다',
+ actions: {
+ ...workOrderCreateConfig.actions,
+ submitLabel: '저장',
+ },
+};
diff --git a/src/components/quality/InspectionManagement/InspectionCreate.tsx b/src/components/quality/InspectionManagement/InspectionCreate.tsx
index 5c9b5f1d..87b8707a 100644
--- a/src/components/quality/InspectionManagement/InspectionCreate.tsx
+++ b/src/components/quality/InspectionManagement/InspectionCreate.tsx
@@ -2,19 +2,20 @@
/**
* 검사 등록 페이지
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
* API 연동 완료 (2025-12-26)
*/
import { useState, useCallback } from 'react';
import { useRouter } from 'next/navigation';
-import { ClipboardCheck, ImageIcon, Loader2 } from 'lucide-react';
-import { Button } from '@/components/ui/button';
+import { ImageIcon } from 'lucide-react';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { qualityInspectionCreateConfig } from './inspectionConfig';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Alert, AlertDescription } from '@/components/ui/alert';
-import { PageLayout } from '@/components/organisms/PageLayout';
import { toast } from 'sonner';
import { createInspection } from './actions';
import { isNextRedirectError } from '@/lib/utils/redirect-error';
@@ -89,9 +90,9 @@ export function InspectionCreate() {
}, []);
// 취소
- const handleCancel = () => {
+ const handleCancel = useCallback(() => {
router.push('/quality/inspections');
- };
+ }, [router]);
// validation 체크
const validateForm = (): boolean => {
@@ -156,33 +157,10 @@ export function InspectionCreate() {
}
};
- return (
-
-
- {/* 헤더 */}
-
-
-
-
검사 등록
-
-
-
-
-
-
-
- {/* Validation 에러 표시 */}
+ // ===== 폼 콘텐츠 렌더링 =====
+ const renderFormContent = useCallback(() => (
+
+ {/* Validation 에러 표시 */}
{validationErrors.length > 0 && (
@@ -352,6 +330,18 @@ export function InspectionCreate() {
-
+ ), [formData, inspectionItems, validationErrors, handleInputChange, handleQualityResultChange, handleMeasurementChange]);
+
+ return (
+
);
}
\ No newline at end of file
diff --git a/src/components/quality/InspectionManagement/inspectionConfig.ts b/src/components/quality/InspectionManagement/inspectionConfig.ts
index 06796d55..1610f504 100644
--- a/src/components/quality/InspectionManagement/inspectionConfig.ts
+++ b/src/components/quality/InspectionManagement/inspectionConfig.ts
@@ -1,6 +1,27 @@
+'use client';
+
import { ClipboardCheck } from 'lucide-react';
import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+/**
+ * 품질검사 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const qualityInspectionCreateConfig: DetailConfig = {
+ title: '품질검사 등록',
+ description: '품질검사를 등록합니다',
+ icon: ClipboardCheck,
+ basePath: '/quality/inspection-management',
+ fields: [],
+ actions: {
+ showBack: true,
+ showEdit: false,
+ showDelete: false,
+ showSave: true,
+ submitLabel: '등록',
+ },
+};
+
/**
* 검수관리 상세 페이지 Config
*
diff --git a/src/components/templates/IntegratedDetailTemplate/components/DetailActions.tsx b/src/components/templates/IntegratedDetailTemplate/components/DetailActions.tsx
index 575cc460..73ce2ed9 100644
--- a/src/components/templates/IntegratedDetailTemplate/components/DetailActions.tsx
+++ b/src/components/templates/IntegratedDetailTemplate/components/DetailActions.tsx
@@ -27,6 +27,7 @@ export interface DetailActionsProps {
back?: boolean;
delete?: boolean;
edit?: boolean;
+ save?: boolean;
};
/** 버튼 라벨 */
labels?: {
@@ -74,6 +75,7 @@ export function DetailActions({
back: showBack = true,
delete: showDelete = true,
edit: showEdit = true,
+ save: showSave = true,
} = showButtons;
const {
@@ -133,11 +135,16 @@ export function DetailActions({
{cancelLabel}
- {/* 오른쪽: 저장/등록 */}
-
+ {/* 오른쪽: 추가액션 + 저장/등록 */}
+
+ {extraActions}
+ {showSave && onSubmit && (
+
+ )}
+