From e53a54b276da4e9a849640febc51e6557429c3dc Mon Sep 17 00:00:00 2001
From: ditatompel <ditatompel@gmail.com>
Date: Wed, 8 May 2024 00:41:22 +0700
Subject: [PATCH] Remove unused infinite scroll component

The infinite scroll component is not mean to be used in svelte project.
It's for HTMX project.
---
 .../src/lib/components/InfiniteScroll.svelte  | 50 -------------------
 1 file changed, 50 deletions(-)
 delete mode 100644 frontend/src/lib/components/InfiniteScroll.svelte

diff --git a/frontend/src/lib/components/InfiniteScroll.svelte b/frontend/src/lib/components/InfiniteScroll.svelte
deleted file mode 100644
index ffaa460..0000000
--- a/frontend/src/lib/components/InfiniteScroll.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script>
-	import { onDestroy, createEventDispatcher } from 'svelte';
-
-	export let threshold = 0;
-	export let horizontal = false;
-	export let hasMore = true;
-  /** @type {any} */
-	let elementScroll;
-
-	const dispatch = createEventDispatcher();
-	let isLoadMore = false;
-	/** @type {any} */
-	let component;
-
-	$: {
-		if (component || elementScroll) {
-			const element = elementScroll ? elementScroll : component.parentNode;
-
-			element.addEventListener('scroll', onScroll);
-			element.addEventListener('resize', onScroll);
-		}
-	}
-
-	/** @param {any} e */
-	const onScroll = (e) => {
-		const offset = horizontal
-			? e.target.scrollWidth - e.target.clientWidth - e.target.scrollLeft
-			: e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop;
-
-		if (offset <= threshold) {
-			if (!isLoadMore && hasMore) {
-				dispatch('loadMore');
-			}
-			isLoadMore = true;
-		} else {
-			isLoadMore = false;
-		}
-	};
-
-	onDestroy(() => {
-		if (component || elementScroll) {
-			const element = elementScroll ? elementScroll : component.parentNode;
-
-			element.removeEventListener('scroll', null);
-			element.removeEventListener('resize', null);
-		}
-	});
-</script>
-
-<div bind:this={component} class="w-0" />