refactor: update ResendTransaction component and remove unused dialog handling

src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx

@@ -1,12 +1,14 @@
 import { useTransactionContext } from '../hooks/useTransactionContext';
 import { useCallApi } from '@/hooks';
 import { apiConfig } from '@/config/api.config';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import ResendTransaction from './ResendTransaction';
 import {
     Dialog,
     DialogBody,
     DialogContent,
     DialogDescription,
+    DialogFooter,
     DialogHeader,
     DialogTitle
 } from '@/components/ui/dialog';
@@ -23,6 +25,16 @@ const DetailTransaction = () => {
 
     const [transactionDetails, setTransactionDetails] = useState<any>(null);
 
+    const [showResend, setResend] = useState(false);
+
+    const handleResendOpen = () => {
+        setResend(true);
+    };
+
+    const handleResendClose = () => {
+        setResend(false);
+    };
+
     useEffect(() => {
         const fetchTransactionDetails = async () => {
             if (selectedTransactionId) {
@@ -622,10 +634,20 @@ const DetailTransaction = () => {
                         )}
 
                     </div>
+
+                    {/* {showResendDialog} */}
+                    {(transactionDetails?.status === 'F' || transactionDetails?.status === 'P') && transactionDetails?.status_approve !== 'W' && (
+                        <div className="flex justify-end mt-4">
+                            <button className="btn btn-primary" onClick={handleResendOpen}>Retry Transaction</button>
+                            <ResendTransaction isOpen={showResend} onClose={handleResendClose} selectedTransactionForResend={transactionDetails} />
+                        </div>
+                    )}
+
+
                 </DialogBody>
             </DialogContent>
         </Dialog>
     );
 };
 
-export default DetailTransaction;
+export default DetailTransaction;