Add Newsletter module when reached end on Location page

This commit is contained in:
2021-10-10 14:20:21 +02:00
parent 4a51fa9d09
commit e44f51c0c4
2 changed files with 27 additions and 7 deletions

View File

@@ -8,6 +8,7 @@
import Button from '$components/atoms/Button.svelte'
import IconEarth from '$components/atoms/IconEarth.svelte'
import Image from '$components/atoms/Image.svelte'
import Newsletter from '$components/organisms/Newsletter.svelte'
export let data: any
export let photos: any[]
@@ -169,7 +170,7 @@
</section>
<section class="location-page__next">
<div class="pagination" role="button" on:click={!ended && loadMorePhotos} disabled={ended ? ended : undefined}>
<div class="pagination container" role="button" on:click={!ended && loadMorePhotos} disabled={ended ? ended : undefined}>
<div class="pagination__progress">
<span class="current">{currentPhotosAmount}</span>
<span>/</span>
@@ -178,7 +179,10 @@
{#if !ended}
<p class="pagination__more">See more photos</p>
{:else}
<p>You've seen it all!</p>
<p class="pagination__message">You've seen it all!</p>
<div class="container"></div>
<Newsletter theme="light" />
{/if}
</div>
</section>