fix: use correct item threshold

matteopolak · Jan 29, 2024 · c49bfe9 · c49bfe9
1 parent 0c93abc
commit c49bfe9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/src/lib/components/InfiniteScroll.svelte b/src/lib/components/InfiniteScroll.svelte
@@ -20,14 +20,14 @@
 		const localCtx = ++ctx;
 		const items = await load(index++);
 
-		if (items.length < itemThreshold) {
-			done = true;
-		}
-
 		if (localCtx !== ctx) {
 			return;
 		}
 
+		if (items.length < itemThreshold) {
+			done = true;
+		}
+
 		if (items.length) {
 			data.push(...items);
 			data = data;
@@ -38,9 +38,22 @@
 		});
 	}
 
+	function onLoadChange() {
+		data = [];
+		done = false;
+		index = 0;
+
+		next();
+	}
+
 	$: if (shouldLoad && !loading && !done) {
 		next();
 	}
+
+	$: {
+		load;
+		onLoadChange();
+	}
 </script>
 
 {#each data as item, i (i)}

diff --git a/src/lib/components/recipe/RecipeGrid.svelte b/src/lib/components/recipe/RecipeGrid.svelte
@@ -22,7 +22,7 @@
 		| undefined = undefined;
 
 	export let placeholderItems = 10;
-	export let itemThreshold = 0;
+	export let itemThreshold = 1;
 
 	const sizes: Record<Size, string> = {
 		sm: '15rem',