Merge pull request #18 from pvdthings/issue/2

Add placeholder image for things with no image
pvdthings · Mar 12, 2023 · 95ce6fc · 95ce6fc
2 parents db28ab5 + a59af09
commit 95ce6fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/icons/box.svg b/src/lib/icons/box.svg
diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte
@@ -1,5 +1,6 @@
 <script>
 	import { Card, Text } from "$lib/Foundation.svelte";
+    import BoxIcon from "$lib/icons/box.svg";
     import { t } from "$lib/language/translate";
 
     export let thing;
@@ -12,7 +13,7 @@
 
 <div class="flex flex-col {className}">
     <Card>
-        <img src={thing.image} alt={thing.name} class="h-full w-full object-contain" />
+        <img src={thing.image ?? BoxIcon} alt={thing.name} class="h-full w-full object-contain" />
     </Card>
     <div class="pl-1 pt-2 flex flex-col gap-2 justify-between flex-grow">
         <Text display bold smallauto>{thing.name}</Text>