LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

set precision to 2, improve rendering of amounts below precision

Browse source
This commit is contained in:
Jeremy Kauffman 2017-08-10 23:02:36 -04:00
parent da497aeaf3
commit 05783db1ba
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ui/js/component/common.js
View file

@ -72,26 +72,28 @@ export class CreditAmount extends React.PureComponent {
};
static defaultProps = {
precision: 3,
precision: 2,
label: true,
showFree: false,
look: "indicator",
};
render() {
const formattedAmount = formatCredits(
this.props.amount,
this.props.precision
);
const minimumRenderableAmount = Math.pow(10, -1 * this.props.precision);
const { amount, precision } = this.props;
let formattedAmount = amount > 0 && amount < minimumRenderableAmount
? "<" + minimumRenderableAmount
: formatCredits(amount, precision);
let amountText;
if (this.props.showFree && parseFloat(formattedAmount) === 0) {
if (this.props.showFree && parseFloat(this.props.amount) === 0) {
amountText = __("free");
} else if (this.props.label) {
amountText =
formattedAmount +
" " +
(parseFloat(formattedAmount) == 1 ? __("credit") : __("credits"));
(parseFloat(amount) == 1 ? __("credit") : __("credits"));
} else {
amountText = formattedAmount;
}