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

update

Browse Source
This commit is contained in:
wayanrivan
2025-07-21 10:16:31 +07:00
parent 1ffa8115be
commit 8a375b68e4
1 changed files with 56 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
View File

@ -50,14 +50,14 @@ const DetailTransaction = () => {
id: selectedTransactionId id: selectedTransactionId
}); });
// setTransactionDetails(response?.data); // setTransactionDetails(response?.data);
if (response?.data.result_edtl) { // console.log(response?.data.result_edtl)
if (response?.data.result_edtl == undefined) {
setTransactionDetails(response?.data)
setEdtl(null);
} else {
setTransactionDetails(response?.data.detail) setTransactionDetails(response?.data.detail)
setEdtl(response?.data.result_edtl.data) setEdtl(response?.data.result_edtl.data)
} else {
setTransactionDetails(response?.data)
} }
// console.log(response?.data.result_edtl.data);
// console.log(selectedTransactionId);
} catch (error) { } catch (error) {
console.error('Error fetching transaction', error); console.error('Error fetching transaction', error);
} }
@ -134,6 +134,15 @@ const DetailTransaction = () => {
return null; return null;
}; };
const formatTokenDec = (token) => {
if (token != null && token !== "") {
return token.match(/.{1,4}/g)?.join(" ");
} else {
return "-";
}
};
return ( return (
<Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}> <Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
<DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden"> <DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden">
@ -305,48 +314,49 @@ const DetailTransaction = () => {
</p> </p>
</div> </div>
<div> {edtl != null && (
<p className="text-sm text-gray-500">Token KWh EDTL </p> <>
<p className="font-medium"> <div>
{(edtl.tokenDec ?? "-") <p className="text-sm text-gray-500">Token KWh EDTL</p>
.match(/.{1,4}/g) // bagi per 4 karakter <p className="font-medium">
?.join(" ") // gabungkan dengan spasi {formatTokenDec(edtl.tokenDec)}
} </p>
</div>
</p> <div>
</div> <p className="text-sm text-gray-500">Meter SN</p>
<div> <p className="font-medium">
<p className="text-sm text-gray-500">Meter SN</p> {edtl.meterSn ?? "-"}
<p className="font-medium"> </p>
{edtl.meterSn ?? "-"} </div>
</p> <div>
</div> <p className="text-sm text-gray-500">Power Steps Desc</p>
<div> <p className="font-medium">
<p className="text-sm text-gray-500">Power Steps Desc</p> {edtl.powerStepsDesc ?? "-"}
<p className="font-medium"> </p>
{edtl.powerStepsDesc ?? "-"} </div>
</p> <div>
</div> <p className="text-sm text-gray-500">Customer Name</p>
<div> <p className="font-medium">
<p className="text-sm text-gray-500">Customer Name</p> {edtl.customerName ?? "-"}
<p className="font-medium"> </p>
{edtl.customerName ?? "-"} </div>
</p> <div>
</div> <p className="text-sm text-gray-500">Customer Addr</p>
<div> <p className="font-medium">
<p className="text-sm text-gray-500">Customer Addr</p> {edtl.customerAddr ?? "-"}
<p className="font-medium"> </p>
{edtl.customerAddr ?? "-"} </div>
</p> <div>
</div> <p className="text-sm text-gray-500">Amount</p>
<div> <p className="font-medium">
<p className="text-sm text-gray-500">Amount</p> {edtl.customerPaymentAmount != null
<p className="font-medium"> ? new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(edtl.customerPaymentAmount)
{edtl.customerPaymentAmount != null : "-"}
? new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(edtl.customerPaymentAmount) </p>
: "-"} </div>
</p> </>
</div> )}
<div> <div>
<p className="text-sm text-gray-500">Provider Type</p> <p className="text-sm text-gray-500">Provider Type</p>