From 7ec082be238696ac3682d6027fd79253ca1cd2b5 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Mon, 3 Jun 2024 16:56:21 -0300
Subject: [PATCH] making screenshots nullable

---
 src/renderer/src/pages/game-details/gallery-slider.tsx | 6 +++---
 src/types/index.ts                                     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/pages/game-details/gallery-slider.tsx b/src/renderer/src/pages/game-details/gallery-slider.tsx
index 75502df8..93d77ebf 100644
--- a/src/renderer/src/pages/game-details/gallery-slider.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider.tsx
@@ -13,7 +13,7 @@ export function GallerySlider() {
 
   const { t } = useTranslation("game_details");
 
-  const hasScreenshots = shopDetails && shopDetails.screenshots.length;
+  const hasScreenshots = shopDetails && shopDetails.screenshots?.length;
   const hasMovies = shopDetails && shopDetails.movies?.length;
 
   const mediaCount = useMemo(() => {
@@ -77,7 +77,7 @@ export function GallerySlider() {
 
   const previews = useMemo(() => {
     const screenshotPreviews =
-      shopDetails?.screenshots.map(({ id, path_thumbnail }) => ({
+      shopDetails?.screenshots?.map(({ id, path_thumbnail }) => ({
         id,
         thumbnail: path_thumbnail,
       })) ?? [];
@@ -121,7 +121,7 @@ export function GallerySlider() {
               ))}
 
             {hasScreenshots &&
-              shopDetails.screenshots.map((image, i) => (
+              shopDetails.screenshots?.map((image, i) => (
                 <img
                   key={image.id}
                   className={styles.gallerySliderMedia}
diff --git a/src/types/index.ts b/src/types/index.ts
index 25b64361..92e58f4e 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -37,7 +37,7 @@ export interface SteamAppDetails {
   publishers: string[];
   genres: SteamGenre[];
   movies?: SteamMovies[];
-  screenshots: SteamScreenshot[];
+  screenshots?: SteamScreenshot[];
   pc_requirements: {
     minimum: string;
     recommended: string;