disbursement fixing

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

@@ -36,22 +36,22 @@ interface ContextProps {
   // handleDetailLogDialog: (show: boolean) => void;
   setShowDetailLogDialog: React.Dispatch<React.SetStateAction<boolean>>;
   setDetailLogData: React.Dispatch<React.SetStateAction<any | null>>;
-  detailLogData: any | null
+  detailLogData: any | null;
 }
 
 const initialProps: ContextProps = {
   getTransactionLists: async () => ({ data: [], totalCount: 0 }),
   showDetailDialog: false,
-  setShowDetailDialog: () => { },
+  setShowDetailDialog: () => {},
   selectedTransactionId: null,
-  setSelectedTransactionId: () => { },
+  setSelectedTransactionId: () => {},
   showUploadBatchDialog: false,
   handleUploadBatchDialog: (show: boolean) => {},
   showDetailLogDialog: false,
   // handleDetailLogDialog: (show: boolean) => {},
-  setShowDetailLogDialog: () => { },
+  setShowDetailLogDialog: () => {},
   setDetailLogData: () => {},
-  detailLogData: null,
+  detailLogData: null
 };
 
 type StatusCode = 'W' | 'P' | 'F' | 'D' | 'Y';
@@ -67,10 +67,9 @@ const statusMap: Record<StatusCode, StatusInfo> = {
   P: { label: 'Pending', bg: 'bg-blue-100', text: 'text-blue-600' },
   F: { label: 'Fail', bg: 'bg-red-100', text: 'text-red-600' },
   D: { label: 'Done', bg: 'bg-green-100', text: 'text-green-600' },
-  Y: { label: 'Active', bg: 'bg-green-100', text: 'text-green-600' },
+  Y: { label: 'Active', bg: 'bg-green-100', text: 'text-green-600' }
 };
 
-
 const ManageTransactionContext = createContext<ContextProps>(initialProps);
 const API_URL = apiConfig.service_disbursement;
 
@@ -83,7 +82,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
   const [transaction, setTransaction] = useState<TransactionProps[]>([]);
   const { GetData } = useCallApi();
   const navigate = useNavigate();
-  
+
   const handleUploadBatchDialog = useCallback((show: boolean) => {
     setShowUploadBatchDialog(show);
   }, []);
@@ -100,19 +99,21 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
-        },
+        }
       },
       {
         accessorFn: (row) => {
-          return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(row.amount);
+          return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(
+            row.amount
+          );
         },
         id: 'amount',
         header: ({ column }) => <DataGridColumnHeader title="Amount" column={column} />,
         enableSorting: false,
         enableHiding: false,
         meta: {
-          headerClassName: 'w-[250px]',
-        },
+          headerClassName: 'w-[250px]'
+        }
       },
       {
         accessorKey: 'total_record',
@@ -121,7 +122,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
-        },
+        }
       },
       {
         accessorKey: 'total_success',
@@ -130,7 +131,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
-        },
+        }
       },
       {
         accessorKey: 'total_fail',
@@ -139,7 +140,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
-        },
+        }
       },
       {
         accessorKey: 'total_pending',
@@ -148,7 +149,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
-        },
+        }
       },
       {
         accessorFn: (row) => row.status,
@@ -161,21 +162,19 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
           const { label, bg, text } = statusMap[status] ?? {
             label: 'Unknown',
             bg: 'bg-gray-100',
-            text: 'text-gray-600',
+            text: 'text-gray-600'
           };
-      
+
           return (
-            <span
-              className={`px-2 py-1 text-xs font-semibold rounded-full ${bg} ${text}`}
-            >
+            <span className={`px-2 py-1 text-xs font-semibold rounded-full ${bg} ${text}`}>
               {label}
             </span>
           );
         },
         meta: {
           headerClassName: 'w-[100px]',
-          cellClassName: 'text-center',
-        },
+          cellClassName: 'text-center'
+        }
       },
       {
         accessorFn: (row) => row.execution_date,
@@ -183,7 +182,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         header: ({ column }) => <DataGridColumnHeader title="Execution Date" column={column} />,
         enableSorting: true,
         enableHiding: false,
-        cell: ({ row }) => moment(row.original.execution_date).format('DD/MM/YYYY HH:mm:ss')
+        cell: ({ row }) => moment(row.original.execution_date).format('DD/MM/YYYY HH:mm')
       },
       {
         accessorFn: (row) => row.done_date,
@@ -191,7 +190,8 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         header: ({ column }) => <DataGridColumnHeader title="Done Date" column={column} />,
         enableSorting: true,
         enableHiding: false,
-        cell: ({ row }) => row.original.done_date ? moment(row.original.done_date).format('DD/MM/YYYY HH:mm:ss') : ''
+        cell: ({ row }) =>
+          row.original.done_date ? moment(row.original.done_date).format('DD/MM/YYYY HH:mm') : ''
       },
       {
         id: 'actions',
@@ -220,7 +220,8 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         }
       }
     ],
-    []);
+    []
+  );
 
   const getTransactionLists = async (page: number, limit: number, sorting: any, filter: any) => {
     try {
@@ -240,15 +241,13 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
         enddate = filter[0].value.to;
       }
 
-      formattedFilter = {
-        
-      };
+      formattedFilter = {};
 
       const response = await GetData(`${API_URL}/transaction/history`, {
         limit,
         page: page + 1,
         with_deleted: false,
-        order_field: "execution_date",
+        order_field: 'execution_date',
         order_direction: 'DESC',
         filter: JSON.stringify(formattedFilter)
       });