From e1adc71f0a0205ce5ef4746592d7924ffb850e28 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 6 Aug 2018 13:58:33 -0400
Subject: [PATCH] hide filePrice if it's free

---
 src/renderer/component/fileCard/view.jsx  | 2 +-
 src/renderer/component/filePrice/view.jsx | 7 ++++++-
 src/renderer/component/fileTile/view.jsx  | 2 +-
 src/renderer/scss/component/_card.scss    | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/component/fileCard/view.jsx b/src/renderer/component/fileCard/view.jsx
index 07f896b11..1d602d72d 100644
--- a/src/renderer/component/fileCard/view.jsx
+++ b/src/renderer/component/fileCard/view.jsx
@@ -100,7 +100,7 @@ class FileCard extends React.PureComponent<Props> {
             {pending ? <div>Pending...</div> : <UriIndicator uri={uri} link />}
           </div>
           <div className="card__file-properties">
-            {showPrice && <FilePrice uri={uri} />}
+            {showPrice && <FilePrice hideFree uri={uri} />}
             {isRewardContent && <Icon iconColor="red" icon={icons.FEATURED} />}
             {fileInfo && <Icon icon={icons.LOCAL} />}
           </div>
diff --git a/src/renderer/component/filePrice/view.jsx b/src/renderer/component/filePrice/view.jsx
index ebb0318f1..0dd645a2f 100644
--- a/src/renderer/component/filePrice/view.jsx
+++ b/src/renderer/component/filePrice/view.jsx
@@ -13,6 +13,7 @@ type Props = {
   filePage?: boolean,
   inheritStyle?: boolean,
   showLBC?: boolean,
+  hideFree?: boolean, // hide the file price if it's free
 };
 
 class FilePrice extends React.PureComponent<Props> {
@@ -37,7 +38,11 @@ class FilePrice extends React.PureComponent<Props> {
   };
 
   render() {
-    const { costInfo, showFullPrice, filePage, inheritStyle, showLBC } = this.props;
+    const { costInfo, showFullPrice, filePage, inheritStyle, showLBC, hideFree } = this.props;
+
+    if (costInfo && !costInfo.cost && hideFree) {
+      return null;
+    }
 
     return costInfo ? (
       <CreditAmount
diff --git a/src/renderer/component/fileTile/view.jsx b/src/renderer/component/fileTile/view.jsx
index 557c1c678..8832636fb 100644
--- a/src/renderer/component/fileTile/view.jsx
+++ b/src/renderer/component/fileTile/view.jsx
@@ -127,7 +127,7 @@ class FileTile extends React.PureComponent<Props> {
                 {isRewardContent && <Icon icon={icons.FEATURED} />}
                 {showLocal && isDownloaded && <Icon icon={icons.LOCAL} />}
               </div>
-              <FilePrice uri={uri} />
+              <FilePrice hideFree uri={uri} />
               {displayDescription && (
                 <div className="card__subtext card__subtext--small">
                   <TruncatedText lines={3}>{description}</TruncatedText>
diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index e7e1be0f2..dd65a35c0 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/src/renderer/scss/component/_card.scss
@@ -169,7 +169,7 @@
   align-items: center;
 
   .icon {
-    margin: 0 0 0 $spacing-vertical * 1/3;
+    margin: $spacing-vertical * 1/3 $spacing-vertical * 1/3 0 0;
   }
 }