Merge pull request #1431 from miikkatu/remove-price-placeholder

Remove price placeholder during thumbnail loading

CHANGELOG.md

@@ -16,6 +16,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/).
 
 ### Changed
    * Add flair to snackbar ([#1313](https://github.com/lbryio/lbry-app/pull/1313))
+   * Remove price placeholder during thumbnail loading ([#1431](https://github.com/lbryio/lbry-app/pull/1431))
 
 ### Fixed
    * Black screen on macOS after maximizing LBRY and then closing ([#1235](https://github.com/lbryio/lbry-app/pull/1235))

src/renderer/component/filePrice/view.jsx

@@ -16,29 +16,17 @@ class FilePrice extends React.PureComponent<Props> {
     showFullPrice: false,
   };
 
-  componentWillMount() {
+  render() {
-    this.fetchCost(this.props);
+    const { claim, costInfo, fetchCostInfo, fetching, showFullPrice, uri } = this.props;
-  }
-
-  componentWillReceiveProps(nextProps: Props) {
-    this.fetchCost(nextProps);
-  }
-
-  fetchCost = (props: Props) => {
-    const { costInfo, fetchCostInfo, uri, fetching, claim } = props;
 
     if (costInfo === undefined && !fetching && claim) {
       fetchCostInfo(uri);
     }
-  };
-
-  render() {
-    const { costInfo, showFullPrice } = this.props;
 
     const isEstimate = costInfo ? !costInfo.includesData : false;
 
     if (!costInfo) {
-      return <span className="credit-amount">PRICE</span>;
+      return null;
     }
 
     return (