From 10f277a26878578223a78245a01868693ec8829a Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sat, 15 Aug 2026 12:59:52 +0700
Subject: [PATCH] feat: add loading state management in DeleteConfirmDialog
 component

---
 resources/js/components/dialogs/delete-confirm-dialog.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/dialogs/delete-confirm-dialog.tsx b/resources/js/components/dialogs/delete-confirm-dialog.tsx
index 945d01e..82fa73d 100644
--- a/resources/js/components/dialogs/delete-confirm-dialog.tsx
+++ b/resources/js/components/dialogs/delete-confirm-dialog.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { ConfirmDialog } from '@/components/dialogs';
 
 type DeleteConfirmDialogProps<T> = {
@@ -22,6 +22,10 @@ export function DeleteConfirmDialog<T>({
 }: DeleteConfirmDialogProps<T>) {
     const [loading, setLoading] = useState(false);
 
+    useEffect(() => {
+        setLoading(false);
+    }, [target]);
+
     function handleConfirm() {
         setLoading(true);
         onConfirm();