From 3f9953c41b7d97f180df4a559b390c23a248f3bb Mon Sep 17 00:00:00 2001
From: Kenneth Tubman V <tubofpower@gmail.com>
Date: Sat, 25 Jan 2020 14:42:39 -0500
Subject: [PATCH] Added Download Button on hover for the thumbnail

---
 ui/component/claimPreviewTile/view.jsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx
index 7b311404c..d16a86437 100644
--- a/ui/component/claimPreviewTile/view.jsx
+++ b/ui/component/claimPreviewTile/view.jsx
@@ -13,6 +13,8 @@ import { formatLbryUrlForWeb } from 'util/url';
 import { parseURI } from 'lbry-redux';
 import FileProperties from 'component/fileProperties';
 
+import FileDownloadLink from 'component/fileDownloadLink';
+
 type Props = {
   uri: string,
   claim: ?Claim,
@@ -61,6 +63,8 @@ function ClaimPreviewTile(props: Props) {
     onClick: e => e.stopPropagation(),
   };
 
+  const [isHovering, setHovering] = React.useState(false);
+
   let isChannel;
   let isValid = false;
   if (uri) {
@@ -87,6 +91,14 @@ function ClaimPreviewTile(props: Props) {
     }
   }
 
+  function handleOnMouseOver(e) {
+    setHovering(true);
+  }
+
+  function handleOnMouseOut(e) {
+    setHovering(false);
+  }
+
   React.useEffect(() => {
     if (isValid && !isResolvingUri && shouldFetch && uri) {
       resolveUri(uri);
@@ -146,6 +158,8 @@ function ClaimPreviewTile(props: Props) {
       className={classnames('card claim-preview--tile', {
         'claim-preview--channel': isChannel,
       })}
+      onMouseOver={handleOnMouseOver}
+      onMouseOut={handleOnMouseOut}
     >
       <NavLink {...navLinkProps}>
         <FileThumbnail thumbnail={thumbnailUrl}>