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>