From 3338c49c25192bdd689b8913cfe73a2a5e442875 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 29 Dec 2022 16:15:58 +0800
Subject: [PATCH] Fix threshold for larger-than-viewport statuses

---
 src/pages/status.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 43463036..93d2f7ac 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -270,7 +270,7 @@ function StatusPage({ id }) {
   const onView = useDebouncedCallback(setHeroInView, 100);
   const heroPointer = useMemo(() => {
     // get top offset of heroStatus
-    if (!heroStatusRef.current) return null;
+    if (!heroStatusRef.current || heroInView) return null;
     const { top } = heroStatusRef.current.getBoundingClientRect();
     return top > 0 ? 'down' : 'up';
   }, [heroInView]);
@@ -358,7 +358,7 @@ function StatusPage({ id }) {
                 } ${thread ? 'thread' : ''} ${isHero ? 'hero' : ''}`}
               >
                 {isHero ? (
-                  <InView threshold={0.5} onChange={onView}>
+                  <InView threshold={0.25} onChange={onView}>
                     <Status statusID={statusID} withinContext size="l" />
                   </InView>
                 ) : (