'use client';
import { useEffect, useState } from 'react';
import { ArrowUp } from 'lucide-react';
import { usePathname } from "next/navigation";
export default function BackToTopButton({ settingsMap, locale }: any) {
const [isVisible, setIsVisible] = useState(false);
const pathname = usePathname();
const allPaths = ["/", "/dashboard","/account-settings","/my-address","/listing","/my-orders","/order-received","/rating-reviews","/save-search","/subscription","/my-banks","/notifications","/privacy-policy"]
useEffect(() => {
const scrollContainer = document.getElementById('page-wrapper');
if (!scrollContainer) return;
const handleScroll = () => {
const scrollTop = scrollContainer.scrollTop;
const scrollHeight = scrollContainer.scrollHeight;
const clientHeight = scrollContainer.clientHeight;
const isNearBottom = scrollTop + clientHeight >= scrollHeight - 100;
setIsVisible(scrollTop > 100 || isNearBottom);
};
scrollContainer.addEventListener('scroll', handleScroll);
handleScroll();
return () => scrollContainer.removeEventListener('scroll', handleScroll);
}, []);
const scrollToTop = () => {
const scrollContainer = document.getElementById('page-wrapper');
if (scrollContainer) {
scrollContainer.scrollTo({ top: 0, behavior: 'smooth' });
}
};
return (
<>
{(settingsMap?.siteSettings?.siteSettings?.contact_information?.contact_support_phone?.[locale] && allPaths.includes(pathname)) && (
)}
);
}