From 6df622307c155aabaf3133d969f3effe6d5bde21 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Wed, 14 Jul 2021 15:09:48 -0500
Subject: [PATCH] simplify card tile keyboard navigation

---
 static/app-strings.json                | 11 +++++++++++
 ui/component/claimPreviewTile/view.jsx |  4 ++--
 ui/component/uriIndicator/view.jsx     |  4 +++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index e3849098f..db3a632c5 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2044,5 +2044,16 @@
   "The payment will be made from your saved card": "The payment will be made from your saved card",
   "A channel is required to comment on lbry.tv": "A channel is required to comment on lbry.tv",
   "Commenting...": "Commenting...",
+  "Trending for #Art": "Trending for #Art",
+  "Trending for #Education": "Trending for #Education",
+  "Trending for #Technology": "Trending for #Technology",
+  "Add to Watch Later": "Add to Watch Later",
+  "Remove from Watch Later": "Remove from Watch Later",
+  "Added": "Added",
+  "Show %count% replies": "Show %count% replies",
+  "Show reply": "Show reply",
+  "added to": "added to",
+  "removed from": "removed from",
+  "Item removed from Watch Later": "Item removed from Watch Later",
   "--end--": "--end--"
 }
diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx
index 6533dbba8..e95673ddf 100644
--- a/ui/component/claimPreviewTile/view.jsx
+++ b/ui/component/claimPreviewTile/view.jsx
@@ -193,7 +193,7 @@ function ClaimPreviewTile(props: Props) {
         'claim-preview__live': live,
       })}
     >
-      <NavLink {...navLinkProps}>
+      <NavLink aria-hidden tabindex={-1} {...navLinkProps}>
         <FileThumbnail thumbnail={thumbnailUrl} allowGifs>
           {!isChannel && (
             <React.Fragment>
@@ -245,7 +245,7 @@ function ClaimPreviewTile(props: Props) {
             </div>
           ) : (
             <React.Fragment>
-              <UriIndicator uri={uri} link hideAnonymous>
+              <UriIndicator aria-hidden tabindex={-1} uri={uri} link hideAnonymous>
                 <ChannelThumbnail uri={channelUri} xsmall />
               </UriIndicator>
 
diff --git a/ui/component/uriIndicator/view.jsx b/ui/component/uriIndicator/view.jsx
index c89224a2e..ba3d36376 100644
--- a/ui/component/uriIndicator/view.jsx
+++ b/ui/component/uriIndicator/view.jsx
@@ -48,6 +48,7 @@ class UriIndicator extends React.PureComponent<Props> {
       hideAnonymous = false,
       external = false,
       className,
+      ...props
     } = this.props;
 
     if (!claim) {
@@ -86,7 +87,7 @@ class UriIndicator extends React.PureComponent<Props> {
 
       if (children) {
         return (
-          <Button className={className} target={external ? '_blank' : undefined} navigate={channelLink}>
+          <Button className={className} target={external ? '_blank' : undefined} navigate={channelLink} {...props}>
             {children}
           </Button>
         );
@@ -96,6 +97,7 @@ class UriIndicator extends React.PureComponent<Props> {
             className={classnames(className, 'button--uri-indicator')}
             navigate={channelLink}
             target={external ? '_blank' : undefined}
+            {...props}
           >
             {inner}
           </Button>