From ae0ef0ff1c220cc9b3bc469b6be1ed7b2d2d1594 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Sun, 26 Aug 2018 23:18:57 -0400
Subject: [PATCH] add message for 0 returned results in related content

---
 src/renderer/component/recommendedContent/index.js | 8 +++++++-
 src/renderer/component/recommendedContent/view.jsx | 7 +++++--
 src/renderer/page/file/view.jsx                    | 9 +--------
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/renderer/component/recommendedContent/index.js b/src/renderer/component/recommendedContent/index.js
index 166498b6d..36ae3337e 100644
--- a/src/renderer/component/recommendedContent/index.js
+++ b/src/renderer/component/recommendedContent/index.js
@@ -1,10 +1,16 @@
 import { connect } from 'react-redux';
-import { makeSelectClaimForUri, doSearch, makeSelectRecommendedContentForUri } from 'lbry-redux';
+import {
+  makeSelectClaimForUri,
+  doSearch,
+  makeSelectRecommendedContentForUri,
+  selectIsSearching,
+} from 'lbry-redux';
 import RecommendedVideos from './view';
 
 const select = (state, props) => ({
   claim: makeSelectClaimForUri(props.uri)(state),
   recommendedContent: makeSelectRecommendedContentForUri(props.uri)(state),
+  isSearching: selectIsSearching(state),
 });
 
 const perform = dispatch => ({
diff --git a/src/renderer/component/recommendedContent/view.jsx b/src/renderer/component/recommendedContent/view.jsx
index 5248d3859..4a12aecb3 100644
--- a/src/renderer/component/recommendedContent/view.jsx
+++ b/src/renderer/component/recommendedContent/view.jsx
@@ -7,6 +7,7 @@ type Props = {
   uri: string,
   claim: ?Claim,
   recommendedContent: Array<string>,
+  isSearching: boolean,
   search: string => void,
 };
 
@@ -46,13 +47,12 @@ export default class RecommendedContent extends React.PureComponent<Props> {
   didSearch: ?boolean;
 
   render() {
-    const { recommendedContent } = this.props;
+    const { recommendedContent, isSearching } = this.props;
 
     return (
       <section className="card__list--recommended">
         <span>Related</span>
         {recommendedContent &&
-          recommendedContent.length &&
           recommendedContent.map(recommendedUri => (
             <FileTile
               size="small"
@@ -62,6 +62,9 @@ export default class RecommendedContent extends React.PureComponent<Props> {
               uri={recommendedUri}
             />
           ))}
+        {recommendedContent &&
+          !recommendedContent.length &&
+          !isSearching && <div className="card__subtitle">No related content found</div>}
       </section>
     );
   }
diff --git a/src/renderer/page/file/view.jsx b/src/renderer/page/file/view.jsx
index 6cd38b050..da35a01d1 100644
--- a/src/renderer/page/file/view.jsx
+++ b/src/renderer/page/file/view.jsx
@@ -160,13 +160,6 @@ class FilePage extends React.Component<Props> {
       editUri = buildURI(uriObject);
     }
 
-    let recommendedUri = uri;
-    if (!recommendedUri.includes('#')) {
-      // at a vanity url
-      // append the claim ID so we can properly strip it out of reccomended videos
-      recommendedUri = `${recommendedUri}#${claim.claim_id}`;
-    }
-
     return (
       <Page forContent>
         <section className="content__wrapper">
@@ -251,7 +244,7 @@ class FilePage extends React.Component<Props> {
             </div>
           </div>
         </section>
-        <RecommendedContent uri={recommendedUri} />
+        <RecommendedContent uri={uri} />
       </Page>
     );
   }
-- 
2.45.3