import React from "react"; import { formatCredits, formatFullPrice } from "util/formatCredits"; import lbry from "../lbry.js"; //component/icon.js export class Icon extends React.PureComponent { static propTypes = { icon: React.PropTypes.string.isRequired, className: React.PropTypes.string, fixed: React.PropTypes.bool, }; render() { const { fixed, className } = this.props; const spanClassName = "icon " + ("fixed" in this.props ? "icon-fixed-width " : "") + this.props.icon + " " + (this.props.className || ""); return ; } } export class TruncatedText extends React.PureComponent { static propTypes = { lines: React.PropTypes.number, }; static defaultProps = { lines: null, }; render() { return ( {this.props.children} ); } } export class BusyMessage extends React.PureComponent { static propTypes = { message: React.PropTypes.string, }; render() { return ( {this.props.message} ); } } export class CurrencySymbol extends React.PureComponent { render() { return LBC; } } export class CreditAmount extends React.PureComponent { static propTypes = { amount: React.PropTypes.number.isRequired, precision: React.PropTypes.number, isEstimate: React.PropTypes.bool, label: React.PropTypes.bool, showFree: React.PropTypes.bool, showFullPrice: React.PropTypes.bool, look: React.PropTypes.oneOf(["indicator", "plain"]), }; static defaultProps = { precision: 2, label: true, look: "indicator", showFree: false, showFullPrice: false, }; render() { const minimumRenderableAmount = Math.pow(10, -1 * this.props.precision); const { amount, precision, showFullPrice } = this.props; let formattedAmount; let fullPrice = formatFullPrice(amount, 2); if (showFullPrice) { formattedAmount = fullPrice; } else { formattedAmount = amount > 0 && amount < minimumRenderableAmount ? "<" + minimumRenderableAmount : formatCredits(amount, precision); } let amountText; if (this.props.showFree && parseFloat(this.props.amount) === 0) { amountText = __("free"); } else if (this.props.label) { amountText = formattedAmount + " " + (parseFloat(amount) == 1 ? __("credit") : __("credits")); } else { amountText = formattedAmount; } return ( {amountText} {this.props.isEstimate ? * : null} ); } } let addressStyle = { fontFamily: '"Consolas", "Lucida Console", "Adobe Source Code Pro", monospace', }; export class Address extends React.PureComponent { static propTypes = { address: React.PropTypes.string, }; constructor(props) { super(props); this._inputElem = null; } render() { return ( { this._inputElem = input; }} onFocus={() => { this._inputElem.select(); }} style={addressStyle} readOnly="readonly" value={this.props.address || ""} /> ); } } export class Thumbnail extends React.PureComponent { static propTypes = { src: React.PropTypes.string, }; handleError() { if (this.state.imageUrl != this._defaultImageUri) { this.setState({ imageUri: this._defaultImageUri, }); } } constructor(props) { super(props); this._defaultImageUri = lbry.imagePath("default-thumb.svg"); this._maxLoadTime = 10000; this._isMounted = false; this.state = { imageUri: this.props.src || this._defaultImageUri, }; } componentDidMount() { this._isMounted = true; setTimeout(() => { if (this._isMounted && !this.refs.img.complete) { this.setState({ imageUri: this._defaultImageUri, }); } }, this._maxLoadTime); } componentWillUnmount() { this._isMounted = false; } render() { const className = this.props.className ? this.props.className : "", otherProps = Object.assign({}, this.props); delete otherProps.className; return ( { this.handleError(); }} {...otherProps} className={className} src={this.state.imageUri} /> ); } }