fix game card fallback image (#1317)

Author: BrettCleary

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperplay",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "private": true,
   "main": "build/main/main.js",
   "homepage": "./",

src/frontend/screens/Game/GamePicture/index.tsx

@@ -9,21 +9,21 @@ type Props = {
   store: string
 }
 
-function GamePicture({ art_square, store }: Props) {
-  function getImageFormatting() {
-    if (art_square === 'fallback' || !art_square)
-      return { src: fallbackImage, fallback: fallbackImage }
-    if (store === 'legendary') {
-      return {
-        src: `${art_square}?h=800&resize=1&w=600`,
-        fallback: `${art_square}?h=400&resize=1&w=300`
-      }
-    } else {
-      return { src: art_square, fallback: 'fallback' }
+export function getImageFormattingForArtSquare({ art_square, store }: Props) {
+  if (art_square === 'fallback' || !art_square)
+    return { src: fallbackImage, fallback: fallbackImage }
+  if (store === 'legendary') {
+    return {
+      src: `${art_square}?h=800&resize=1&w=600`,
+      fallback: `${art_square}?h=400&resize=1&w=300`
     }
+  } else {
+    return { src: art_square, fallback: 'fallback' }
   }
+}
 
-  const { src, fallback } = getImageFormatting()
+function GamePicture(props: Props) {
+  const { src, fallback } = getImageFormattingForArtSquare(props)
 
   return (
     <div className="gamePicture">

src/frontend/screens/Library/components/GameCard/index.tsx

@@ -27,6 +27,7 @@ import { useGetDownloadStatusText } from 'frontend/hooks/useGetDownloadStatusTex
 import libraryState from 'frontend/state/libraryState'
 import DMQueueState from 'frontend/state/DMQueueState'
 import authState from 'frontend/state/authState'
+import { getImageFormattingForArtSquare } from 'frontend/screens/Game/GamePicture'
 
 interface Card {
   buttonClick: () => void
@@ -338,7 +339,12 @@ const GameCard = ({
         <HpGameCard
           key={appName}
           title={gameInfo.title}
-          imageUrl={gameInfo.art_square}
+          imageUrl={
+            getImageFormattingForArtSquare({
+              art_square: gameInfo.art_square,
+              store: gameInfo.runner
+            }).src
+          }
           favorited={favorited}
           onFavoriteClick={handleClickStopBubbling(() => {
             if (!favorited) {