(대표님) lib 파트 커밋

1 files changed, 69 insertions, 0 deletions

diff --git a/lib/pq/pq-review-table-new/cancel-investigation-dialog.tsx b/lib/pq/pq-review-table-new/cancel-investigation-dialog.tsx
new file mode 100644
index 00000000..03045537
--- /dev/null
+++ b/lib/pq/pq-review-table-new/cancel-investigation-dialog.tsx
@@ -0,0 +1,69 @@
+"use client"
+
+import * as React from "react"
+
+import { Button } from "@/components/ui/button"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+
+interface CancelInvestigationDialogProps {
+  isOpen: boolean
+  onClose: () => void
+  onConfirm: () => Promise<void>
+  selectedCount: number
+}
+
+export function CancelInvestigationDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  selectedCount,
+}: CancelInvestigationDialogProps) {
+  const [isPending, setIsPending] = React.useState(false)
+
+  async function handleConfirm() {
+    setIsPending(true)
+    try {
+      await onConfirm()
+    } finally {
+      setIsPending(false)
+    }
+  }
+
+  return (
+    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>실사 의뢰 취소</DialogTitle>
+          <DialogDescription>
+            선택한 {selectedCount}개 협력업체의 실사 의뢰를 취소하시겠습니까?
+            계획 상태인 실사만 취소할 수 있습니다.
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button
+            type="button"
+            variant="outline"
+            onClick={onClose}
+            disabled={isPending}
+          >
+            취소
+          </Button>
+          <Button 
+            variant="destructive" 
+            onClick={handleConfirm} 
+            disabled={isPending}
+          >
+            {isPending ? "처리 중..." : "실사 의뢰 취소"}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
\ No newline at end of file