diff --git a/src/dues/DuesReport.js b/src/dues/DuesReport.js index 3cec27d84388596af0f19369b9012c9e36b700ff..72b5ca6dde6faf9fb37b1df46cdd343a635854bb 100644 --- a/src/dues/DuesReport.js +++ b/src/dues/DuesReport.js @@ -1,7 +1,7 @@ import React, { useState } from "react"; import { Table } from "react-bootstrap"; import Fetcher from "../Fetcher"; -import { printDate, printMoney } from "../util"; +import { printDate, printMoney, printMember } from "../util"; function DuesReport() { const [dues, setDues] = useState([]); @@ -18,7 +18,7 @@ function DuesReport() { const entries = dues.map((d) => ( <tr key={d.ID}> <td>{printDate(d.date)}</td> - <td>{d.member.name + " (" + d.member.num + ")"}</td> + <td>{printMember(d.member)}</td> <td>{printMoney(-d.total)}</td> </tr> )); diff --git a/src/util.js b/src/util.js index f238ac38ed9bc4589bdc91ad660c2610cec41dd8..cd15260b9eacfd922ee6ab07297b6d6e14736b0c 100644 --- a/src/util.js +++ b/src/util.js @@ -38,6 +38,14 @@ function printID(pre, item) { return pre + "-" + item.ID.toString().padStart(5, "0"); } +function printMember(member) { + if (member) { + return member.name + " (" + member.num + ")"; + } else { + return "-"; + } +} + function url(path) { let api = process.env.REACT_APP_API; if (!api) { @@ -75,6 +83,7 @@ export { printMoney, printDate, printRole, + printMember, url, date2string, time2string,