From 83c821f664b0d4101cc29dd847fe5c98a73d15b2 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 26 May 2024 13:23:43 -0500
Subject: [PATCH] Remove unused component

---
 .../MoreComponentsFromSearchParams.tsx        | 67 -------------------
 1 file changed, 67 deletions(-)
 delete mode 100644 src/components/MoreComponentsFromSearchParams.tsx

diff --git a/src/components/MoreComponentsFromSearchParams.tsx b/src/components/MoreComponentsFromSearchParams.tsx
deleted file mode 100644
index 68b90e4d..00000000
--- a/src/components/MoreComponentsFromSearchParams.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-'use client';
-
-import { useRouter } from 'next/navigation';
-import { useCallback, useEffect, useRef, useTransition } from 'react';
-import Spinner from './Spinner';
-
-export default function MoreComponentsFromSearchParams({
-  path,
-  label = 'Load more',
-  triggerOnView = true,
-  prefetch = true,
-}: {
-  path: string
-  label?: string
-  triggerOnView?: boolean
-  prefetch?: boolean
-}) {
-  const router = useRouter();
-
-  const [isPending, startTransition] = useTransition();
-
-  const buttonRef = useRef<HTMLButtonElement>(null);
-
-  const advance = useCallback(() => startTransition(() => {
-    router.push(path, { scroll: false });
-  }), [router, path]);
-
-  useEffect(() => {
-    if (prefetch) {
-      router.prefetch(path);
-    }
-  }, [router, path, prefetch]);
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(e => {
-      if (
-        triggerOnView &&
-        e[0].isIntersecting &&
-        !isPending
-      ) {
-        advance();
-      }
-    }, {
-      root: null,
-      threshold: 0,
-    });
-
-    observer.observe(buttonRef.current!);
-
-    return () => observer.disconnect();
-  }, [triggerOnView, advance, isPending]);
-
-  return (
-    <button
-      ref={buttonRef}
-      className="block w-full subtle"
-      onClick={!triggerOnView ? advance : undefined}
-      disabled={triggerOnView || isPending}
-    >
-      {isPending
-        ? <span className="relative inline-block translate-y-[3px]">
-          <Spinner size={16} />
-        </span>
-        : label}
-    </button>
-  );
-}