From 8dd59e74d4727b0de8132aef9e356692201056c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 14 Nov 2021 19:52:46 +0100
Subject: [PATCH] Check for illustration on location page

---
 src/routes/[country]/[location]/index.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/[country]/[location]/index.svelte b/src/routes/[country]/[location]/index.svelte
index 98e1177..3e11784 100644
--- a/src/routes/[country]/[location]/index.svelte
+++ b/src/routes/[country]/[location]/index.svelte
@@ -24,6 +24,7 @@
     let currentPage: number = 1
     let ended: boolean
     let currentPhotosAmount: number
+    const hasIllustration = location.illustration_desktop && location.illustration_desktop_2x && location.illustration_mobile
 
     $: latestPhoto = photos[0]
     $: currentPhotosAmount = photos.length
@@ -98,9 +99,9 @@
 <main class="location-page">
     <section class="location-page__intro grid"
         style="
-            --illus-desktop: url({getAssetUrlKey(location.illustration_desktop.id, 'illustration-desktop-1x')});
-            --illus-desktop-2x: url({getAssetUrlKey(location.illustration_desktop_2x.id, 'illustration-desktop-2x')});
-            --illus-mobile: url({getAssetUrlKey(location.illustration_mobile.id, 'illustration-mobile')});
+            --illus-desktop: url({getAssetUrlKey(hasIllustration && location.illustration_desktop.id, 'illustration-desktop-1x')});
+            --illus-desktop-2x: url({getAssetUrlKey(hasIllustration && location.illustration_desktop_2x.id, 'illustration-desktop-2x')});
+            --illus-mobile: url({getAssetUrlKey(hasIllustration && location.illustration_mobile.id, 'illustration-mobile')});
         "
     >
         <h1 class="title">