Photo: Add a comma at end only if more than one line

2020-06-02 15:11:05 +02:00
parent fe5a8e7746
commit 56d9caa86b
2 changed files with 8 additions and 4 deletions
--- a/src/molecules/Photo.svelte
+++ b/src/molecules/Photo.svelte
@@ -18,6 +18,7 @@
    const { name, date, location } = photo
    const { private_hash } = photo.image
    const imgAlt = `${name}, ${location.region}, ${location.country.name}`
+    const nameSplit = name.split(', ')

    // Photo index
    const photoIndex = (index < 10 ? '0': '') + index
@@ -35,9 +36,11 @@
    <div class="photo__location wrap">
        <div class="wrapper">
            <h2 class="title-location" id="photo-{index + 1}">
-                {#each name.split(', ') as line, i}
+                {#each nameSplit as line, i}
                <span class="line">
-                    <span>{name.split(', ')[i]},</span>
+                    <span>
+                        {nameSplit[i]}{#if i < nameSplit.length - 1},{/if}
+                    </span>
                </span>
                {/each}
            </h2>