add middle click to open scryfall page for card

dsoskey · Jan 20, 2024 · 89280cc · 89280cc
1 parent 5ae6acd
commit 89280cc
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/ui/cardBrowser/cardViews/cardImageView.tsx b/src/ui/cardBrowser/cardViews/cardImageView.tsx
@@ -79,13 +79,19 @@ export const CardImageView = ({
     }
   }
 
+  const href = card.data.scryfall_uri.replace(/\?.*$/, '')
 
   return (
     <div className={`card-view ${card.data.set} ${className}`} ref={cardViewRef}
       tabIndex={-1}
       onKeyDown={handleKeyPress}
       onMouseOver={handleHoverOn}
       onMouseLeave={handleHoverOff}
+      onAuxClick={e => {
+        if (e.button === 1) {
+          window.open(href, "_blank");
+        }
+      }}
     >
       {showRender && <CardCustomRender card={card.data} />}
       {!showRender && <CardImage card={card.data} />}