Fix Photos grid bottom elements

This commit is contained in:
2021-10-05 23:40:25 +02:00
parent d0fedfcc80
commit 012dba9a6b
2 changed files with 14 additions and 4 deletions

View File

@@ -67,6 +67,15 @@
filtered = false
filterCountry = defaultCountry
filterSort = defaultSort
/**
* Load more photos from CTA
*/
const loadMorePhotos = () => {
console.log('load more photos')
// TODO: Append more photos from API including options and page
}
</script>
@@ -158,9 +167,10 @@
<div class="controls grid">
<p class="controls__date">Last updated: 4 days ago</p>
<Button url="#" text="See more photos" />
<Button text="See more photos" tag="button" on:click={loadMorePhotos} />
<div class="controls__count">
<span class="current">21/</span>
<span class="current">21</span>
<span>/</span>
<span class="total">129</span>
</div>
</div>