| @@ -277,7 +277,9 @@ const FinancialStatusByProject: React.FC<Props> = ({ | |||||
| minWidth: 250, | minWidth: 250, | ||||
| type: "number", | type: "number", | ||||
| renderCell: (params: any) => { | renderCell: (params: any) => { | ||||
| var nonInvoiced = params.row.totalFee - params.row.invoicedAmount | |||||
| var fee = params.row.totalFee | |||||
| var invoiced = params.row.invoicedAmount | |||||
| var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced | |||||
| return ( | return ( | ||||
| <span> | <span> | ||||
| $ | $ | ||||
| @@ -517,11 +519,13 @@ const FinancialStatusByProject: React.FC<Props> = ({ | |||||
| minWidth: 250, | minWidth: 250, | ||||
| type: "number", | type: "number", | ||||
| renderCell: (params: any) => { | renderCell: (params: any) => { | ||||
| var uninvoiced = params.row.totalFee - params.row.invoicedAmount | |||||
| var fee = params.row.totalFee | |||||
| var invoiced = params.row.invoicedAmount | |||||
| var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced | |||||
| return ( | return ( | ||||
| <span> | <span> | ||||
| $ | $ | ||||
| {uninvoiced.toLocaleString(undefined, { | |||||
| {nonInvoiced.toLocaleString(undefined, { | |||||
| minimumFractionDigits: 2, | minimumFractionDigits: 2, | ||||
| maximumFractionDigits: 2, | maximumFractionDigits: 2, | ||||
| })} | })} | ||||