LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

prevent double navigation when clicking on fileTile thumbnails/titles

Browse source
This commit is contained in:
Sean Yesmunt 2020-01-27 10:00:33 -05:00
parent 64a442e60d
commit 9544e29d29
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/component/claimPreviewTile/view.jsx
View file

@ -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>