From a95e8b91b225cd98205005408fdb9b03042eebb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 2 Oct 2021 20:38:13 +0200
Subject: [PATCH] [wip] List photos on location page

---
 src/routes/[country]/[location]/index.svelte | 34 ++++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/routes/[country]/[location]/index.svelte b/src/routes/[country]/[location]/index.svelte
index 4406bd8..ef30e35 100644
--- a/src/routes/[country]/[location]/index.svelte
+++ b/src/routes/[country]/[location]/index.svelte
@@ -7,23 +7,29 @@
     export let photos: any
 
     const { params } = $page
+    let descriptionEl: HTMLElement
 </script>
 
-<h1>Hello {data.name}</h1>
-
-{#each photos as { image: { id, title }, slug }}
-    <div class="photo">
-        <a href="/{params.country}/{params.location}/{slug}">
-            <Image
-                id={id}
-                alt="{title}, {data.name}"
-                width={1000}
-                height={600}
-                format="webp"
-            />
-        </a>
+<main class="location">
+    <h1>Hello {data.name}</h1>
+    <div class="location__description" bind:this={descriptionEl}>
+        {@html data.description}
     </div>
-{/each}
+
+    {#each photos as { image: { id, title }, slug }}
+        <div class="photo">
+            <a href="/{params.country}/{params.location}/{slug}">
+                <Image
+                    id={id}
+                    alt="{title}"
+                    width={1000}
+                    height={600}
+                    format="webp"
+                />
+            </a>
+        </div>
+    {/each}
+</main>
 
 
 <script context="module" lang="ts">