diff --git a/src/transaction/ShowTransaction.js b/src/transaction/ShowTransaction.js index 569df30d12e7bbc74565f2b6027e04376468c74b..c49a7ab3f7ac4a30046efdff47b583b9f282ec94 100644 --- a/src/transaction/ShowTransaction.js +++ b/src/transaction/ShowTransaction.js @@ -3,7 +3,7 @@ import { useParams, Redirect } from "react-router-dom"; import { Row, Col } from "react-bootstrap"; import Fetcher from "../Fetcher"; import ShowPurchase from "../purchase/ShowPurchase"; -import { printMoney, printDate } from "../util"; +import { printMoney, printDate, printTransactionID } from "../util"; function ShowTransaction() { const { id } = useParams(); @@ -35,7 +35,7 @@ function ShowTransaction() { </Col> <Col> <p className="text-right"> - {printDate(transaction.date)} {"T-" + transaction.ID} + {printDate(transaction.date)} {printTransactionID(transaction)} {transaction.proxy && ( <span> <br /> diff --git a/src/transaction/TransactionList.js b/src/transaction/TransactionList.js index bd30108f4b9076044cd67fff28b2cbb13208f9f6..e0df932d2f7856d5c94fe7cedb61c873cfa86f72 100644 --- a/src/transaction/TransactionList.js +++ b/src/transaction/TransactionList.js @@ -4,7 +4,13 @@ import icon from "./icon"; import TransactionTr from "./TransactionTr"; import MemberPicker from "../member/MemberPicker"; import Fetcher from "../Fetcher"; -import { printMoney, printDate, daysAfterNow, date2string } from "../util"; +import { + printMoney, + printDate, + printTransactionID, + daysAfterNow, + date2string, +} from "../util"; const engType = { compra: "purchase", @@ -39,7 +45,7 @@ function TransactionList() { return ( <TransactionTr transaction={transaction}> <td>{icon(transaction)}</td> - <td>{"T-" + transaction.ID}</td> + <td>{printTransactionID(transaction)}</td> <td>{printDate(transaction.date)}</td> <td>{transaction.member.name}</td> <td>{transaction.proxy ? transaction.proxy.name : ""}</td> diff --git a/src/util.js b/src/util.js index 98e361beef610bf507a249898de49ca898b60d46..32f248b696201122394e442900bdcd8ff123468a 100644 --- a/src/util.js +++ b/src/util.js @@ -17,6 +17,10 @@ function printRole(role) { } } +function printTransactionID(transaction) { + return "T-" + transaction.ID.toString().padStart(5, "0"); +} + function url(path) { let api = process.env.REACT_APP_API; if (!api) { @@ -35,4 +39,12 @@ function date2string(date) { return date.toISOString().split("T")[0]; } -export { printMoney, printDate, printRole, url, daysAfterNow, date2string }; +export { + printMoney, + printDate, + printRole, + url, + daysAfterNow, + date2string, + printTransactionID, +};