refactor gameEmbedID to playableID, add width and height checks

Author: laurenpudz

client/src/hooks/useGames.ts

@@ -24,7 +24,7 @@ type ApiGame = {
   itchEmbedID: string;
   thumbnail: string | null;
   event: number | null;
-  itchGameEmbedID: string;
+  itchGamePlayableID: string;
   itchGameWidth: number;
   itchGameHeight: number;
   contributors: Contributor[];

client/src/pages/games/[id].tsx

@@ -52,7 +52,7 @@ export default function IndividualGamePage() {
   const gameTitle = game.name;
   const gameCover = game.gameCover;
   const gameDescription = game.description.split("\n");
-  const gameEmbedID = game.itchGameEmbedID;
+  const gamePlayableID = game.itchGamePlayableID;
   const gameWidth = game.itchGameWidth;
   const gameHeight = game.itchGameHeight;
 
@@ -89,10 +89,10 @@ export default function IndividualGamePage() {
       <main>
         <section className="w-full items-center justify-center bg-popover">
           <div className="mx-auto flex max-w-7xl justify-center p-0 sm:p-8">
-            {gameEmbedID ? (
+            {gamePlayableID && gameWidth && gameHeight ? (
               <div className="m-auto flex overflow-auto">
                 <GameEmbed
-                  embedID={gameEmbedID}
+                  embedID={gamePlayableID}
                   gameWidth={gameWidth}
                   gameHeight={gameHeight}
                   gameImage={gameCover}

client/src/placeholderData.ts

@@ -56,7 +56,7 @@ export const placeholderGames = [
     hostURL: "/",
     itchEmbedID: "1",
     thumbnail: "/landing_placeholder.png",
-    itchGameEmbedID: 0,
+    itchGamePlayableID: 0,
     itchGameWidth: 0,
     itchGameHeight: 0,
     event: 1,
@@ -70,7 +70,7 @@ export const placeholderGames = [
     hostURL: "/",
     itchEmbedID: "1",
     thumbnail: "/landing_placeholder.png",
-    itchGameEmbedID: 0,
+    itchGamePlayableID: 0,
     itchGameWidth: 0,
     itchGameHeight: 0,
     event: 1,
@@ -84,7 +84,7 @@ export const placeholderGames = [
     hostURL: "/",
     itchEmbedID: "1",
     thumbnail: "/landing_placeholder.png",
-    itchGameEmbedID: 0,
+    itchGamePlayableID: 0,
     itchGameWidth: 0,
     itchGameHeight: 0,
     event: 1,