TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

trying fix export filter

Browse Source
This commit is contained in:
bagusajisaputroo
2025-07-14 11:22:21 +07:00
parent bcbcf2b84e
commit 6d7a1534eb
2 changed files with 105 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/pages/transaction/history-transaction/blocks/ListToolbar.tsx
View File

@ -67,34 +67,44 @@ const ListToolbar = () => {
table.setPageIndex(0); table.setPageIndex(0);
}, [trxDate, typeValue, typeSearchValue, searchValue, status, table]); }, [trxDate, typeValue, typeSearchValue, searchValue, status, table]);
const exporDataToExcel = async ( const exporDataToExcel = async (
typeSearchValue: string, typeSearchValue: string,
searchValue: string, searchValue: string,
trxDate: any, trxDate: any,
typeValue: string, typeValue: string,
status: string status: string
) => { ) => {
try { try {
const formattedFilter: any = { const formattedFilter: any = {};
"Transactions.transaction_date": {
from: `${trxDate.from} 00:00:00`, // Tambahkan filter tanggal (selalu ada)
to: `${trxDate.to} 23:59:59`, if (trxDate.from && trxDate.to) {
}, formattedFilter["Transactions.transaction_date"] = {
from: `${trxDate.from} 00:00:00`,
to: `${trxDate.to} 23:59:59`,
}; };
}
// Tambahkan filter berdasarkan searchType (sama seperti di search)
if (typeSearchValue && searchValue) {
if (typeSearchValue === 'msisdn') { if (typeSearchValue === 'msisdn') {
formattedFilter['Transactions.origin_msisdn'] = searchValue; formattedFilter['origin_customer.msisdn'] = { like: `%${searchValue}%` };
} else if (typeSearchValue === 'fullname') { } else if (typeSearchValue === 'fullname') {
formattedFilter['Transactions.origin_name'] = searchValue; formattedFilter['origin_customer.fullname'] = { like: `%${searchValue}%` };
} else if (typeSearchValue === 'trxid') { } else if (typeSearchValue === 'trxid') {
formattedFilter['Transactions.code'] = searchValue; formattedFilter['Transactions.code'] = { like: `%${searchValue}%` };
} }
}
if (typeValue) { // Tambahkan filter jenis transaksi jika ada
formattedFilter['Transactions.kind'] = typeValue; if (typeValue) {
} formattedFilter['Transactions.kind'] = typeValue;
}
// Tambahkan filter status jika ada
if (status) {
formattedFilter['Transactions.status'] = status; formattedFilter['Transactions.status'] = status;
}
const filterParam = encodeURIComponent(JSON.stringify(formattedFilter)); const filterParam = encodeURIComponent(JSON.stringify(formattedFilter));

138
src/pages/transaction/history-transaction/hooks/TransactionContext.tsx
View File

@ -36,11 +36,11 @@ interface ContextProps {
const initialProps: ContextProps = { const initialProps: ContextProps = {
getTransactionLists: async () => ({ data: [], totalCount: 0 }), getTransactionLists: async () => ({ data: [], totalCount: 0 }),
showDetailDialog: false, showDetailDialog: false,
setShowDetailDialog: () => { }, setShowDetailDialog: () => {},
showRollbackDialog: false, showRollbackDialog: false,
setShowRollbackDialog: () => { }, setShowRollbackDialog: () => {},
selectedTransactionId: null, selectedTransactionId: null,
setSelectedTransactionId: () => { } setSelectedTransactionId: () => {}
}; };
const ManageTransactionContext = createContext<ContextProps>(initialProps); const ManageTransactionContext = createContext<ContextProps>(initialProps);
@ -58,7 +58,6 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
const url = navigate(`${API_URL}/transaction/history/${path}`); const url = navigate(`${API_URL}/transaction/history/${path}`);
}; };
const handleShowDetail = (transactionId: any) => { const handleShowDetail = (transactionId: any) => {
setIsLoadingDetail(true); setIsLoadingDetail(true);
setSelectedTransactionId(transactionId); setSelectedTransactionId(transactionId);
@ -70,7 +69,6 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
}, 1000); // 500ms loading }, 1000); // 500ms loading
}; };
const columns = useMemo<ColumnDef<any>[]>( const columns = useMemo<ColumnDef<any>[]>(
() => [ () => [
{ {
@ -85,27 +83,48 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
{ {
accessorFn: (row) => { accessorFn: (row) => {
switch (row.kind) { switch (row.kind) {
case 'T': return 'TRANSFER'; case 'T':
case 'P': return 'PURCHASE'; return 'TRANSFER';
case 'W': return 'WITHDRAW'; case 'P':
case 'U': return 'TOP UP'; return 'PURCHASE';
case 'R': return 'RETURN'; case 'W':
case 'N': return 'TOP UP PARTNER'; return 'WITHDRAW';
case 'E': return 'REWARD'; case 'U':
case 'L': return 'PURCHASE LOJA'; return 'TOP UP';
case 'B': return 'TOP UP P24'; case 'R':
case 'A': return 'TRANSFER AGENT'; return 'RETURN';
case 'M': return 'WITHDRAWAL AGENT'; case 'N':
case 'O': return 'TOP UP AGENT'; return 'TOP UP PARTNER';
case 'S': return 'TRANSFER P24'; case 'E':
case 'I': return 'WIJTDRAW MERCHANT'; return 'REWARD';
case 'D': return 'DONATION'; case 'L':
case 'F': return 'FEE'; return 'PURCHASE LOJA';
case 'V': return 'REVERSAL'; case 'B':
case 'C': return 'CASHBACK CASH'; return 'TOP UP P24';
case 'H': return 'CASHBACK POINT'; case 'A':
case 'J': return 'WITHDRAW ADMIN'; return 'TRANSFER AGENT';
default: return '_'; case 'M':
return 'WITHDRAWAL AGENT';
case 'O':
return 'TOP UP AGENT';
case 'S':
return 'TRANSFER P24';
case 'I':
return 'WIJTDRAW MERCHANT';
case 'D':
return 'DONATION';
case 'F':
return 'FEE';
case 'V':
return 'REVERSAL';
case 'C':
return 'CASHBACK CASH';
case 'H':
return 'CASHBACK POINT';
case 'J':
return 'WITHDRAW ADMIN';
default:
return '_';
} }
}, },
accessorKey: 'kind', accessorKey: 'kind',
@ -153,7 +172,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
}, },
{ {
accessorFn: (row) => { accessorFn: (row) => {
const purchase = "T-PAY"; const purchase = 'T-PAY';
const transfer = row?.transfer?.destination_name; const transfer = row?.transfer?.destination_name;
return transfer ?? purchase; return transfer ?? purchase;
@ -165,38 +184,42 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[250px]', headerClassName: 'w-[250px]'
}, }
}, },
{ {
accessorFn: (row) => { accessorFn: (row) => {
const purchaseAmount = row?.purchase?.amount; const purchaseAmount = row?.purchase?.amount;
const transferAmount = row?.transfer?.amount; const transferAmount = row?.transfer?.amount;
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(purchaseAmount ?? transferAmount ?? 0); return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(
purchaseAmount ?? transferAmount ?? 0
);
}, },
id: 'amount', id: 'amount',
header: ({ column }) => <DataGridColumnHeader title="Amount" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Amount" column={column} />,
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[250px]', headerClassName: 'w-[250px]'
}, }
}, },
{ {
accessorFn: (row) => { accessorFn: (row) => {
const purchaseAmount = row?.purchase?.fee_amount; const purchaseAmount = row?.purchase?.fee_amount;
const transferAmount = row?.transfer?.fee_amount; const transferAmount = row?.transfer?.fee_amount;
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(purchaseAmount ?? transferAmount ?? 0); return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(
purchaseAmount ?? transferAmount ?? 0
);
}, },
id: 'feeamount', id: 'feeamount',
header: ({ column }) => <DataGridColumnHeader title="Fee Amount" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Fee Amount" column={column} />,
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[250px]', headerClassName: 'w-[250px]'
}, }
}, },
{ {
accessorKey: 'status', accessorKey: 'status',
@ -204,7 +227,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[250px]', headerClassName: 'w-[250px]'
}, },
cell: ({ row }) => { cell: ({ row }) => {
const statusCode = row.original.status; const statusCode = row.original.status;
@ -247,7 +270,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
{label} {label}
</span> </span>
); );
}, }
}, },
{ {
accessorKey: 'description', accessorKey: 'description',
@ -279,7 +302,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
<div key={`actions-${row.id}`}> <div key={`actions-${row.id}`}>
<div className="relative inline-block"> <div className="relative inline-block">
<button <button
className={`btn btn-sm btn-icon btn-clear btn-light ${isLoadingDetail ? "cursor-not-allowed opacity-60" : ""}`} className={`btn btn-sm btn-icon btn-clear btn-light ${isLoadingDetail ? 'cursor-not-allowed opacity-60' : ''}`}
onClick={() => !isLoadingDetail && handleShowDetail(row.id)} onClick={() => !isLoadingDetail && handleShowDetail(row.id)}
> >
<KeenIcon icon="eye" /> <KeenIcon icon="eye" />
@ -305,7 +328,8 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
} }
} }
], ],
[]); []
);
const getTransactionLists = async (page: number, limit: number, sorting: any, filter: any) => { const getTransactionLists = async (page: number, limit: number, sorting: any, filter: any) => {
try { try {
@ -346,27 +370,21 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
}); });
// Kalau tidak ada searchType, baru pakai tanggal // Kalau tidak ada searchType, baru pakai tanggal
if (!searchType) { if (!startdate || !enddate) {
if (!startdate || !enddate) { startdate = firstDayOfMonth.toISOString().split('T')[0];
startdate = firstDayOfMonth.toISOString().split('T')[0]; enddate = today.toISOString().split('T')[0];
enddate = today.toISOString().split('T')[0];
}
} else {
// Kosongkan supaya tidak digunakan di bawah
startdate = undefined;
enddate = undefined;
} }
// Build formattedFilter setelah semua nilai diketahui // Build formattedFilter setelah semua nilai diketahui
const formattedFilter: any = {}; const formattedFilter: any = {};
if (status) { if (status) {
formattedFilter["Transactions.status"] = status; formattedFilter['Transactions.status'] = status;
} }
// Tambahkan filter tanggal HANYA jika tidak ada searchType // Tambahkan filter tanggal HANYA jika tidak ada searchType
if (startdate && enddate) { if (startdate && enddate) {
formattedFilter["Transactions.transaction_date"] = { formattedFilter['Transactions.transaction_date'] = {
from: `${startdate} 00:00:00`, from: `${startdate} 00:00:00`,
to: `${enddate} 23:59:59` to: `${enddate} 23:59:59`
}; };
@ -374,25 +392,25 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
// Tambahkan filter berdasarkan searchType // Tambahkan filter berdasarkan searchType
if (searchType && codeValue) { if (searchType && codeValue) {
if (searchType === "msisdn") { if (searchType === 'msisdn') {
formattedFilter["origin_customer.msisdn"] = { like: `%${codeValue}%` }; formattedFilter['origin_customer.msisdn'] = { like: `%${codeValue}%` };
} else if (searchType === "fullname") { } else if (searchType === 'fullname') {
formattedFilter["origin_customer.fullname"] = { like: `%${codeValue}%` }; formattedFilter['origin_customer.fullname'] = { like: `%${codeValue}%` };
} else if (searchType === "trxid") { } else if (searchType === 'trxid') {
formattedFilter["Transactions.code"] = { like: `%${codeValue}%` }; formattedFilter['Transactions.code'] = { like: `%${codeValue}%` };
} }
} }
// Tambahkan filter jenis transaksi jika ada // Tambahkan filter jenis transaksi jika ada
if (type) { if (type) {
formattedFilter["Transactions.kind"] = type; formattedFilter['Transactions.kind'] = type;
} }
const response = await GetData(`${API_URL}/transaction/history`, { const response = await GetData(`${API_URL}/transaction/history`, {
limit, limit,
page: page + 1, page: page + 1,
with_deleted: false, with_deleted: false,
order_field: "Transactions.created_at", order_field: 'Transactions.created_at',
order_direction: 'DESC', order_direction: 'DESC',
filter: JSON.stringify(formattedFilter) filter: JSON.stringify(formattedFilter)
}); });
@ -407,15 +425,12 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
} }
return { data: [], totalCount: 0 }; return { data: [], totalCount: 0 };
} catch (error) { } catch (error) {
console.error('Error fetching transaction', error); console.error('Error fetching transaction', error);
return { data: [], totalCount: 0 }; return { data: [], totalCount: 0 };
} }
}; };
return ( return (
<ManageTransactionContext.Provider <ManageTransactionContext.Provider
value={{ value={{
@ -456,7 +471,6 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
</div> </div>
)} )}
<DataGridProvider <DataGridProvider
columns={columns} columns={columns}
pagination={{ size: 10 }} pagination={{ size: 10 }}