import React from 'react'; import lbry from '../lbry.js'; import {Link} from '../component/link.js'; import {FileActions} from '../component/file-actions.js'; import {Thumbnail, TruncatedText, CreditAmount} from '../component/common.js'; let FilePrice = React.createClass({ _isMounted: false, propTypes: { name: React.PropTypes.string }, getInitialState: function() { return { cost: null, costIncludesData: null, } }, componentDidMount: function() { this._isMounted = true; lbry.getCostInfoForName(this.props.name, ({cost, includesData}) => { if (this._isMounted) { this.setState({ cost: cost, costIncludesData: includesData, }); } }, () => { // If we get an error looking up cost information, do nothing }); }, componentWillUnmount: function() { this._isMounted = false; }, render: function() { if (this.state.cost === null) { return null; } return ( ); } }); /*should be merged into FileTile once FileTile is refactored to take a single id*/ export let FileTileStream = React.createClass({ _fileInfoSubscribeId: null, _isMounted: null, propTypes: { metadata: React.PropTypes.object, sdHash: React.PropTypes.string, hideOnRemove: React.PropTypes.bool, hidePrice: React.PropTypes.bool, obscureNsfw: React.PropTypes.bool }, getInitialState: function() { return { showNsfwHelp: false, isHidden: false, available: null, } }, getDefaultProps: function() { return { obscureNsfw: !lbry.getClientSetting('showNsfw'), hidePrice: false } }, componentDidMount: function() { this._isMounted = true; if (this.props.hideOnRemove) { lbry.fileInfoSubscribe(this.props.sdHash, this.onFileInfoUpdate); } }, componentWillUnmount: function() { if (this._fileInfoSubscribeId) { lbry.fileInfoUnsubscribe(this.props.sdHash, this._fileInfoSubscribeId); } }, onFileInfoUpdate: function(fileInfo) { if (!fileInfo && this._isMounted && this.props.hideOnRemove) { this.setState({ isHidden: true }); } }, handleMouseOver: function() { if (this.props.obscureNsfw && this.props.metadata && this.props.metadata.nsfw) { this.setState({ showNsfwHelp: true, }); } }, handleMouseOut: function() { if (this.state.showNsfwHelp) { this.setState({ showNsfwHelp: false, }); } }, render: function() { if (this.state.isHidden) { return null; } const metadata = this.props.metadata; const isConfirmed = typeof metadata == 'object'; const title = isConfirmed ? metadata.title : ('lbry://' + this.props.name); const obscureNsfw = this.props.obscureNsfw && isConfirmed && metadata.nsfw; return (
{ !this.props.hidePrice ? : null}
{'lbry://' + this.props.name}

{title}

{isConfirmed ? metadata.description : This file is pending confirmation.}

{this.state.showNsfwHelp ?

This content is Not Safe For Work. To view adult content, please change your .

: null}
); } }); export let FileTile = React.createClass({ _isMounted: false, propTypes: { name: React.PropTypes.string.isRequired, available: React.PropTypes.bool, }, getInitialState: function() { return { sdHash: null, metadata: null } }, componentDidMount: function() { this._isMounted = true; lbry.resolveName(this.props.name, (metadata) => { if (this._isMounted && metadata) { // In case of a failed lookup, metadata will be null, in which case the component will never display this.setState({ sdHash: metadata.sources.lbry_sd_hash, metadata: metadata, }); } }); }, componentWillUnmount: function() { this._isMounted = false; }, render: function() { if (!this.state.metadata || !this.state.sdHash) { return null; } return ; } });