Add ResendTransaction component

Add resend button in transactioncontext

src/pages/transaction/history-transaction/hooks/TransactionContext.tsx

@@ -9,6 +9,8 @@ import ListToolbar from '../blocks/ListToolbar';
 import { Button } from '@/components/ui/button';
 import { useNavigate } from 'react-router';
 import DetailTransaction from '../blocks/DetailTransaction';
+import { log } from 'console';
+import ResendTransaction from '../blocks/ResendTransaction';
 
 interface TransactionProps {
   id: number;
@@ -28,6 +30,10 @@ interface ContextProps {
   setShowDetailDialog: React.Dispatch<React.SetStateAction<boolean>>;
   selectedTransactionId: number | null;
   setSelectedTransactionId: React.Dispatch<React.SetStateAction<number | null>>;
+  showResendDialog: boolean;
+  setShowResendDialog: React.Dispatch<React.SetStateAction<boolean>>;
+  selectedTransactionRowForResend: any | null;
+  setTransactionRowForResend: React.Dispatch<React.SetStateAction<any | null>>;
 }
 
 const initialProps: ContextProps = {
@@ -35,7 +41,11 @@ const initialProps: ContextProps = {
   showDetailDialog: false,
   setShowDetailDialog: () => { },
   selectedTransactionId: null,
-  setSelectedTransactionId: () => { }
+  setSelectedTransactionId: () => { },
+  showResendDialog: false,
+  setShowResendDialog: () => { },
+  selectedTransactionRowForResend: null,
+  setTransactionRowForResend: () => { }
 };
 
 const ManageTransactionContext = createContext<ContextProps>(initialProps);
@@ -50,6 +60,8 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
   const handleNavigate = (path: string) => {
     const url = navigate(`${API_URL}/transaction/history/${path}`);
   };
+  const [showResendDialog, setShowResendDialog] = useState(false);
+  const [selectedTransactionRowForResend, setTransactionRowForResend] = useState<any | null>(null);
 
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
@@ -84,7 +96,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
           });
           return formattedDateTime; // Format DD-MM-YYYY HH:MM:SS (menggunakan waktu yang sudah ada)
         }
-      },      
+      },
       {
         accessorKey: 'origin_customer.fullname',
         header: ({ column }) => <DataGridColumnHeader title="Full Name" column={column} />,
@@ -171,6 +183,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         cell: (data) => {
           const row = data.row.original;
+          const isVisible = row.status === 'F' ? true : false || row.status === 'P' ? true : false;
           return (
             <div key={`actions-${row.id}`}>
               <button
@@ -182,6 +195,19 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
               >
                 <KeenIcon icon="eye" />
               </button>
+              {/* add new button for resend transaction failed */}
+              {isVisible &&
+                <button
+                  className="btn btn-sm btn-icon btn-clear btn-light"
+                  title="Resend Transaction"
+                  onClick={() => {
+                    setTransactionRowForResend(row);
+                    setShowResendDialog(true);
+                  }}
+                >
+                  <KeenIcon icon="abstract-37" />
+                </button>
+              }
             </div>
           );
         },
@@ -241,11 +267,16 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         showDetailDialog,
         setShowDetailDialog,
         selectedTransactionId,
-        setSelectedTransactionId
+        setSelectedTransactionId,
+        showResendDialog,
+        setShowResendDialog,
+        selectedTransactionRowForResend,
+        setTransactionRowForResend
       }}
     >
       <Toaster expand visibleToasts={9} duration={3000} />
       <DetailTransaction />
+      <ResendTransaction />
 
       <DataGridProvider
         columns={columns}