update add filter trx code in history transaction and approval transaction

src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx

@@ -63,6 +63,15 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
 
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
+      {
+        accessorKey: 'code',
+        header: ({ column }) => <DataGridColumnHeader title="Transaction Code" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[250px]'
+        }
+      },
       {
         accessorKey: 'transaction_date',
         header: ({ column }) => <DataGridColumnHeader title="Transaction Date" column={column} />,
@@ -164,12 +173,12 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
       },
       {
         accessorKey: 'status_approve',
-        header: 'Status',
+        header: 'Status Approval',
         cell: ({ row }) => {
           const statusCode = row.original.status_approve;
           let label = '';
           let badgeClass = '';
-      
+
           switch (statusCode) {
             case 'Y':
               label = 'APPROVED';
@@ -184,14 +193,14 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
               badgeClass = 'bg-gray-100 text-gray-800';
               break;
           }
-      
+
           return (
             <span className={`px-3 py-1 rounded-full text-xs font-semibold ${badgeClass}`}>
               {label}
             </span>
           );
         },
-      },      
+      },
       {
         id: 'actions',
         header: ({ column }) => <DataGridColumnHeader title="Actions" column={column} />,
@@ -234,43 +243,69 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
 
   const getTransactionLists = async (page: number, limit: number, sorting: any, filter: any) => {
     try {
-      let startdate, enddate;
+      const today = new Date();
+      const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
 
-      if (!filter || filter.length === 0) {
-        const today = new Date();
-        const nextWeek = new Date();
-        nextWeek.setDate(today.getDate() + 7);
-        startdate = today.toISOString().split('T')[0];
-        enddate = nextWeek.toISOString().split('T')[0];
-      } else {
-        startdate = filter[0]?.value?.from;
-        enddate = filter[0]?.value?.to;
+      // Default values
+      let startdate = firstDayOfMonth.toISOString().split('T')[0];
+      let enddate = today.toISOString().split('T')[0];
+      let transactioncode = '';
+      // let transactionstatus = '';
+
+      if (Array.isArray(filter)) {
+        filter.forEach((f: any) => {
+          // console.log(f.id);
+          if (f.id === 'transaction_date' && f.value?.from && f.value?.to) {
+            startdate = f.value.from;
+            enddate = f.value.to;
+          }
+
+          if (f.id === 'code' && f.value) {
+            transactioncode = f.value;
+          }
+
+          // if (f.id === 'status' && f.value) {
+          //   transactionstatus = f.value;
+          // }
+        });
       }
 
       const formattedFilter = {
         "Transactions.transaction_date": {
           from: `${startdate} 00:00:00`,
-          to: `${enddate} 23:59:59`,
+          to: `${enddate} 23:59:59`
         },
+        "Transactions.code": {
+          like: `%${transactioncode}%`
+        },
+
         "Transactions.status_approve": { in: ["W", "Y", "N"] },
+        // "Transactions.status": {
+        //   like: `%${transactionstatus}%`
+        // }
       };
 
+
       const response = await GetData(`${API_URL}/transaction/history`, {
         limit,
         page: page + 1,
         with_deleted: false,
         order_field: "Transactions.created_at",
         order_direction: 'DESC',
-        filter: JSON.stringify(formattedFilter),
+        filter: JSON.stringify(formattedFilter)
       });
 
-      setTransaction(response?.data?.list || []);
-      return {
-        data: response?.data?.list || [],
-        totalCount: response?.data?.total_count || 0,
-      };
+      if (!response || !response.data) {
+        console.warn('No data received:', response);
+        return { data: [], totalCount: 0 };
+      }
+
+      setTransaction(response.data.list);
+      return { data: response.data.list, totalCount: response.data.total_count };
+
     } catch (error) {
       console.error('Error fetching transaction', error);
+      return { data: [], totalCount: 0 }; // optional: fail-safe fallback
     }
   };