diff --git a/src/components/farm/Board.jsx b/src/components/farm/Board.jsx
index feee7b1..9d64baa 100644
--- a/src/components/farm/Board.jsx
+++ b/src/components/farm/Board.jsx
@@ -293,8 +293,23 @@ function formatMoney(n) {
class MoneySummary extends React.Component {
render () {
+ const { max } = this.props;
return (
- {this.props.title}: ${formatMoney(this.props.value)}
+
+
+
+ {this.props.title}:
+
+
+ ${formatMoney(this.props.value)}
+ {max ? (
+ <>
+ {' '}/ ${formatMoney(max)}
+ >
+ ) : (<>>)}
+
+
+
);
}
}
@@ -305,12 +320,23 @@ class PlayerSummary extends React.Component {
return (
{player.name}
)}>
- {' '}
- {' '}
-
- {' '}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- {' '}
-
- /${formatMoney(this.props.game.settings.maxDebt)}
-
- {this.props.game.settings.loanInterest > 0 ? '(' + (this.props.game.settings.loanInterest * 100) + '% interest added to each loan)' : ''}
-
+
+
+
+
+
+
+
+
+ {this.props.game.settings.loanInterest > 0 ? (
+ <>
+ {'('}{this.props.game.settings.loanInterest * 100} % interest added to each loan{')'}
+
+ >
+ ) : ''}
{this.props.player.debt >= this.props.game.settings.maxDebt ? (
- <> $1,000 at 100% interest>
+
+ $1,000 at 100% interest
+
) : (<>>)}