summaryrefslogtreecommitdiff
path: root/lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-06-24 01:44:03 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-06-24 01:44:03 +0000
commit4e63d8427d26d0d1b366ddc53650e15f3481fc75 (patch)
treeddfb69a92db56498ea591eed0f14ed2ce823431c /lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx
parent127185717263ea3162bd192c83b4c7efe0d96e50 (diff)
(대표님/최겸) 20250624 작업사항 10시43분
Diffstat (limited to 'lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx')
-rw-r--r--lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx147
1 files changed, 147 insertions, 0 deletions
diff --git a/lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx b/lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx
new file mode 100644
index 00000000..aac7db29
--- /dev/null
+++ b/lib/evaluation-criteria/table/reg-eval-criteria-delete-dialog.tsx
@@ -0,0 +1,147 @@
+'use client';
+
+/* IMPORT */
+import { Button } from '@/components/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from '@/components/ui/dialog';
+import {
+ getRegEvalCriteriaWithDetails,
+ removeRegEvalCriteria,
+} from '../service';
+import { LoaderCircle } from 'lucide-react';
+import { toast } from 'sonner';
+import {
+ REG_EVAL_CRITERIA_CATEGORY,
+ REG_EVAL_CRITERIA_ITEM,
+ REG_EVAL_CRITERIA_SCORE_CATEGORY,
+ type RegEvalCriteriaView,
+ type RegEvalCriteriaWithDetails,
+} from '@/db/schema';
+import { useEffect, useState } from 'react';
+
+// ----------------------------------------------------------------------------------------------------
+
+/* TYPES */
+interface RegEvalCriteriaDeleteDialogProps {
+ open: boolean,
+ onOpenChange: (open: boolean) => void,
+ criteriaViewData: RegEvalCriteriaView,
+ onSuccess: () => void,
+}
+
+// ----------------------------------------------------------------------------------------------------
+
+/* REGULAR EVALUATION CRITERIA DELETE DIALOG COMPONENT */
+function RegEvalCriteriaDeleteDialog(props: RegEvalCriteriaDeleteDialogProps) {
+ const { open, onOpenChange, criteriaViewData, onSuccess } = props;
+ const [isLoading, setIsLoading] = useState<boolean>(false);
+ const [isDeleting, setIsDeleting] = useState<boolean>(false);
+ const [targetData, setTargetData] = useState<RegEvalCriteriaWithDetails | null>();
+
+ useEffect(() => {
+ const fetchData = async () => {
+ if (!criteriaViewData?.criteriaId) {
+ return;
+ }
+ setIsLoading(true);
+ try {
+ const result = await getRegEvalCriteriaWithDetails(criteriaViewData.criteriaId);
+ setTargetData(result);
+ } catch (error) {
+ console.error('Error in Loading Target Data for Deletion: ', error);
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ fetchData();
+ }, [criteriaViewData.criteriaId]);
+
+ const handleDelete = async () => {
+ if (!criteriaViewData || !criteriaViewData.criteriaId) {
+ return;
+ }
+
+ try {
+ setIsDeleting(true);
+ await removeRegEvalCriteria(criteriaViewData.criteriaId);
+ toast.success('평가 기준이 삭제되었습니다.');
+ onSuccess();
+ } catch (error) {
+ console.error('Error in Deleting Regular Evaluation Criteria: ', error);
+ toast.error(
+ error instanceof Error ? error.message : '삭제 중 오류가 발생했습니다.'
+ );
+ } finally {
+ setIsDeleting(false);
+ }
+ }
+
+ if (!criteriaViewData) {
+ return null;
+ }
+
+ return (
+ <Dialog open={open} onOpenChange={onOpenChange}>
+ <DialogContent>
+ {isLoading ? (
+ <div className="flex flex-col items-center justify-center h-32">
+ <LoaderCircle className="h-8 w-8 animate-spin" />
+ <p className="mt-4 text-base text-gray-700">Loading...</p>
+ </div>
+ ) : (
+ <>
+ <DialogHeader>
+ <DialogTitle>협력업체 평가 기준 삭제</DialogTitle>
+ <DialogDescription>
+ 정말로 이 협력업체 평가 기준을 삭제하시겠습니까?
+ <br />
+ <br />
+ <strong>삭제될 평가 기준:</strong>
+ <br />
+ • 평가부문: {REG_EVAL_CRITERIA_CATEGORY.find((c) => c.value === criteriaViewData.category)?.label ?? '-'}
+ <br />
+ • 점수구분: {REG_EVAL_CRITERIA_SCORE_CATEGORY.find((c) => c.value === criteriaViewData.scoreCategory)?.label ?? '-'}
+ <br />
+ • 항목: {REG_EVAL_CRITERIA_ITEM.find((c) => c.value === criteriaViewData.item)?.label ?? '-'}
+ <br />
+ • 구분: {criteriaViewData.classification || '-'}
+ <br />
+ • 범위: {criteriaViewData.range || '-'}
+ <br />
+ <br />
+ <b>이 작업은 되돌릴 수 없으며</b>, 평가기준과 그에 속한 <b>{targetData?.criteriaDetails.length}개의 평가항목도 함께 삭제</b>됩니다.
+ </DialogDescription>
+ </DialogHeader>
+ <DialogFooter>
+ <Button
+ variant="outline"
+ onClick={() => onOpenChange(false)}
+ disabled={isDeleting}
+ >
+ Cancel
+ </Button>
+ <Button
+ variant="destructive"
+ onClick={handleDelete}
+ disabled={isDeleting}
+ >
+ {isDeleting ? 'Deleting...' : 'Delete'}
+ </Button>
+ </DialogFooter>
+ </>
+ )}
+ </DialogContent>
+ </Dialog>
+ )
+}
+
+// ----------------------------------------------------------------------------------------------------
+
+/* EXPORT */
+export default RegEvalCriteriaDeleteDialog; \ No newline at end of file