first commit

2024-12-23 05:09:28 -05:00
commit d848bcd61c
971 changed files with 172537 additions and 0 deletions
@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react"
+
+import Link from "next/link"
+export default function BackToTop() {
+    const [hasScrolled, setHasScrolled] = useState("false")
+
+    useEffect(() => {
+        window.addEventListener("scroll", onScroll)
+        return () => {
+            window.removeEventListener("scroll", onScroll)
+        }
+    })
+
+    const onScroll = () => {
+        if (window.scrollY > 100 && !hasScrolled) {
+            setHasScrolled(true)
+        } else if (window.scrollY < 100 && hasScrolled) {
+            setHasScrolled(false)
+        }
+    }
+
+    return (
+        <>
+            {hasScrolled && (
+                <Link className="scroll__top scroll-to-target open" href="#top" style={{ position: 'fixed', zIndex: 2147483647 }}>
+                    <i className="fas fa-angle-up"></i>
+                </Link>
+            )}
+        </>
+    )
+}