Remove scroll to top button

This commit is contained in:
Timothy Armes
2024-09-25 17:50:08 +02:00
parent e3cf8ff8fd
commit 93e3e1242a
3 changed files with 0 additions and 44 deletions
-38
View File
@@ -1,38 +0,0 @@
"use client";
import { useEffect, useRef, useState } from "react";
import { FaArrowUp } from "react-icons/fa";
import { useBreakpoint } from "@/hooks/tailwind";
import { ScrollableElement } from "@/types";
import { handleScrollToTop } from "@/utils/scrollHandlers";
const ScrollToTopButton = () => {
const scrollToTopElementRef = useRef<ScrollableElement | null>(null);
const isLgScreen = useBreakpoint("lg");
// determine scrollable element based on screen size - window or div
useEffect(() => {
isLgScreen
? (scrollToTopElementRef.current = document.getElementById("listing"))
: (scrollToTopElementRef.current = window);
}, [isLgScreen]);
const scrollToTopButtonClass = isLgScreen
? "absolute bottom-0 right-3 p-10"
: "fixed bottom-20 right-3 py-10";
return (
<button
className={`${scrollToTopButtonClass} z-10 text-2xl text-primary-900 dark:text-white`}
data-test="scroll-to-top-button"
>
<FaArrowUp
onClick={() => handleScrollToTop(scrollToTopElementRef.current)}
/>
</button>
);
};
export default ScrollToTopButton;