Merge pull request #34 from DREDGE-Mods/dev

Added aberrated question mark when no thumbnail is available
DREDGE-Mods · Jan 27, 2024 · c3e937c · c3e937c
2 parents f2246bc + 49073b1
commit c3e937c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/public/images/AberratedQuestionMark.png b/public/images/AberratedQuestionMark.png
diff --git a/src/components/ModPreview.astro b/src/components/ModPreview.astro
@@ -11,11 +11,13 @@ const { mod: mod } = Astro.props;
         <div class="d-flex flex-column text-center h-100">
             <a href={"/mods/" + mod.name.toLowerCase().trim().split(" ").join("_")}>
                 <h5 class="text-center">{mod.name}</h5>
-                {(mod.thumbnail != undefined && mod.thumbnail != "") && 
-                    <div class="pb-2">
-                        <img class="bg-black bg-opacity-50" style="object-fit: contain" src={"https://raw.githubusercontent.com/DREDGE-Mods/DredgeModDatabase/database/thumbnails/" + mod.thumbnail} alt={mod.name} width="400" height="200" loading="eager">
-                    </div>
-                }
+                <div class="pb-2">
+                    <img class="bg-black bg-opacity-50" style="object-fit: contain" src={
+                        (mod.thumbnail != undefined && mod.thumbnail != "") 
+                        ? "https://raw.githubusercontent.com/DREDGE-Mods/DredgeModDatabase/database/thumbnails/" + mod.thumbnail
+                        : "/images/AberratedQuestionMark.png"
+                    } alt={mod.name} width="400" height="200" loading="eager">
+                </div>
             </a>
             <div class="flex-grow-1"></div>
             <div class="bg-black bg-opacity-25 p-1 mb-1">