From effe5a719674709571650e6522e1cc893a2faa77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A0=EB=B3=91=EC=B2=A0?= <zomking@gmail.com>
Date: Sat, 21 Mar 2026 14:07:07 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[process]=20=ED=92=88=EB=AA=A9=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=20=EC=82=AD=EC=A0=9C=20confirm()=20=E2=86=92?=
 =?UTF-8?q?=20DeleteConfirmDialog=20=EC=A0=84=ED=99=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../process-management/ProcessDetail.tsx      | 13 +++++--
 .../process-management/ProcessForm.tsx        | 34 +++++++++++++------
 2 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/components/process-management/ProcessDetail.tsx b/src/components/process-management/ProcessDetail.tsx
index 3b91dfeb..0c4196e6 100644
--- a/src/components/process-management/ProcessDetail.tsx
+++ b/src/components/process-management/ProcessDetail.tsx
@@ -87,8 +87,8 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
   };
 
   // 품목 전체 삭제
+  const [showRemoveAllDialog, setShowRemoveAllDialog] = useState(false);
   const handleRemoveAllItems = async () => {
-    if (!confirm(`등록된 품목 ${itemCount}개를 모두 삭제하시겠습니까?`)) return;
     const result = await removeProcessItem(process.id, []);
     if (result.success && result.data) {
       toast.success('품목이 모두 제거되었습니다.');
@@ -96,6 +96,7 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
     } else {
       toast.error(result.error || '품목 전체 제거에 실패했습니다.');
     }
+    setShowRemoveAllDialog(false);
   };
 
   const [isDuplicating, setIsDuplicating] = useState(false);
@@ -294,7 +295,7 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
                 <Button
                   variant="outline"
                   size="sm"
-                  onClick={handleRemoveAllItems}
+                  onClick={() => setShowRemoveAllDialog(true)}
                   className="shrink-0 text-destructive hover:text-destructive"
                 >
                   <Trash2 className="h-3.5 w-3.5 mr-1" />
@@ -511,6 +512,14 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
         loading={deleteDialog.isPending}
         description="이 공정을 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다."
       />
+
+      {/* 품목 전체 삭제 확인 다이얼로그 */}
+      <DeleteConfirmDialog
+        open={showRemoveAllDialog}
+        onOpenChange={setShowRemoveAllDialog}
+        onConfirm={handleRemoveAllItems}
+        description={`등록된 품목 ${itemCount}개를 모두 삭제하시겠습니까?`}
+      />
     </PageLayout>
   );
 }
diff --git a/src/components/process-management/ProcessForm.tsx b/src/components/process-management/ProcessForm.tsx
index 9b98d513..f4039182 100644
--- a/src/components/process-management/ProcessForm.tsx
+++ b/src/components/process-management/ProcessForm.tsx
@@ -31,6 +31,7 @@ import {
 } from '@/components/ui/select';
 import { RuleModal } from './RuleModal';
 import { toast } from 'sonner';
+import { DeleteConfirmDialog } from '@/components/ui/confirm-dialog';
 import type { Process, ClassificationRule, ProcessType, ProcessStep } from '@/types/process';
 import { PROCESS_CATEGORY_OPTIONS } from '@/types/process';
 import {
@@ -143,12 +144,13 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
   }, []);
 
   // 품목 전체 삭제
+  const [showRemoveAllDialog, setShowRemoveAllDialog] = useState(false);
   const handleRemoveAllItems = useCallback(() => {
-    if (!confirm(`등록된 품목 ${itemCount}개를 모두 삭제하시겠습니까?`)) return;
     setClassificationRules((prev) =>
       prev.filter((rule) => rule.registrationType !== 'individual')
     );
-  }, [itemCount]);
+    setShowRemoveAllDialog(false);
+  }, []);
 
   // 부서 목록 + 문서양식 목록 로드
   useEffect(() => {
@@ -611,7 +613,7 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
                     type="button"
                     variant="outline"
                     size="sm"
-                    onClick={handleRemoveAllItems}
+                    onClick={() => setShowRemoveAllDialog(true)}
                     className="shrink-0 text-destructive hover:text-destructive"
                   >
                     <Trash2 className="h-3.5 w-3.5 mr-1" />
@@ -867,13 +869,23 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
   const config = isEdit ? processEditConfig : processCreateConfig;
 
   return (
-    <IntegratedDetailTemplate
-      config={config}
-      mode={isEdit ? 'edit' : 'create'}
-      isLoading={isDepartmentsLoading}
-      onCancel={handleCancel}
-      onSubmit={handleSubmit}
-      renderForm={renderFormContent}
-    />
+    <>
+      <IntegratedDetailTemplate
+        config={config}
+        mode={isEdit ? 'edit' : 'create'}
+        isLoading={isDepartmentsLoading}
+        onCancel={handleCancel}
+        onSubmit={handleSubmit}
+        renderForm={renderFormContent}
+      />
+
+      {/* 품목 전체 삭제 확인 다이얼로그 */}
+      <DeleteConfirmDialog
+        open={showRemoveAllDialog}
+        onOpenChange={setShowRemoveAllDialog}
+        onConfirm={handleRemoveAllItems}
+        description={`등록된 품목 ${itemCount}개를 모두 삭제하시겠습니까?`}
+      />
+    </>
   );
 }