From 9544e29d29fbf4500ebc3a661b7fe6b8ef1a9017 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 27 Jan 2020 10:00:33 -0500
Subject: [PATCH] prevent double navigation when clicking on fileTile
 thumbnails/titles

---
 ui/component/claimPreviewTile/view.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx
index ab0a65bd1..e4243d89e 100644
--- a/ui/component/claimPreviewTile/view.jsx
+++ b/ui/component/claimPreviewTile/view.jsx
@@ -53,8 +53,12 @@ function ClaimPreviewTile(props: Props) {
   } = props;
   const shouldFetch = claim === undefined;
   const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail;
-  const navigateUrl = uri ? formatLbryUrlForWeb(uri) : undefined;
   const claimsInChannel = (claim && claim.meta.claims_in_channel) || 0;
+  const navigateUrl = uri ? formatLbryUrlForWeb(uri) : undefined;
+  const navLinkProps = {
+    to: navigateUrl,
+    onClick: e => e.stopPropagation(),
+  };
 
   let isChannel;
   let isValid = false;
@@ -142,10 +146,10 @@ function ClaimPreviewTile(props: Props) {
         'claim-preview--channel': isChannel,
       })}
     >
-      <NavLink to={navigateUrl}>
+      <NavLink {...navLinkProps}>
         <FileThumbnail thumbnail={thumbnailUrl} />
       </NavLink>
-      <NavLink to={navigateUrl}>
+      <NavLink {...navLinkProps}>
         <h2 className="claim-tile__title">
           <TruncatedText text={title || (claim && claim.name)} lines={2} />
         </h2>