flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Photos page data reactivity and IntersectionObserver rootmargin

Browse Source
This commit is contained in:
Félix Péault
2022-08-31 18:35:46 +02:00
parent 1de3c717b2
commit 9f6bf8d97a
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/photos/+page.svelte
View File

@@ -32,8 +32,9 @@
export let data: PageData export let data: PageData
let { photos }: { photos: any[] } = data let { photos, totalPhotos }: { photos: any[], totalPhotos: number } = data
const { totalPhotos, filteredCountryExists }: { totalPhotos: number, filteredCountryExists: boolean } = data $: ({ photos, totalPhotos } = data)
const { filteredCountryExists }: { totalPhotos: number, filteredCountryExists: boolean } = data
const { countries, locations }: any = getContext('global') const { countries, locations }: any = getContext('global')
dayjs.extend(relativeTime) dayjs.extend(relativeTime)
@@ -266,7 +267,7 @@
}) })
}, { }, {
threshold: 0.25, threshold: 0.25,
rootMargin: '0px 0px 10%' rootMargin: '0px 0px 15%'
}) })
// Photos MutationObserver // Photos MutationObserver