Merge remote-tracking branch 'origin' into feature/tracking

hooks/booking/usePaymentFailedToast.ts

@@ -5,10 +5,14 @@ import { useCallback, useEffect } from "react"
 import { useIntl } from "react-intl"
 
 import { PaymentErrorCodeEnum } from "@/constants/booking"
+import { useEnterDetailsStore } from "@/stores/enter-details"
 
 import { toast } from "@/components/TempDesignSystem/Toasts"
 
 export function usePaymentFailedToast() {
+  const updateSearchParams = useEnterDetailsStore(
+    (state) => state.actions.updateSeachParamString
+  )
   const intl = useIntl()
   const searchParams = useSearchParams()
   const pathname = usePathname()
@@ -43,6 +47,15 @@ export function usePaymentFailedToast() {
 
     const queryParams = new URLSearchParams(searchParams.toString())
     queryParams.delete("errorCode")
+
+    updateSearchParams(queryParams.toString())
     router.push(`${pathname}?${queryParams.toString()}`)
-  }, [searchParams, pathname, errorCode, errorMessage, router])
+  }, [
+    searchParams,
+    pathname,
+    errorCode,
+    errorMessage,
+    router,
+    updateSearchParams,
+  ])
 }

hooks/useScrollToTop.ts

@@ -0,0 +1,32 @@
+import { type RefObject, useEffect, useState } from "react"
+
+interface UseScrollToTopProps {
+  threshold: number
+  elementRef?: RefObject<HTMLElement>
+}
+
+export function useScrollToTop({ threshold, elementRef }: UseScrollToTopProps) {
+  const [showBackToTop, setShowBackToTop] = useState(false)
+
+  useEffect(() => {
+    const element = elementRef?.current ?? window
+
+    function handleScroll() {
+      const scrollTop = elementRef?.current
+        ? elementRef.current.scrollTop
+        : window.scrollY
+      setShowBackToTop(scrollTop > threshold)
+    }
+
+    element.addEventListener("scroll", handleScroll, { passive: true })
+    return () => element.removeEventListener("scroll", handleScroll)
+  }, [threshold, elementRef])
+
+  function scrollToTop() {
+    if (elementRef?.current)
+      elementRef.current.scrollTo({ top: 0, behavior: "smooth" })
+    else window.scrollTo({ top: 0, behavior: "smooth" })
+  }
+
+  return { showBackToTop, scrollToTop }
+}