Minor optimization on compact mode on scroll.

Automattic · Dec 11, 2024 · 2399b22 · 2399b22
1 parent ea3664a
commit 2399b22
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/.../a8c-for-agencies/sections/marketplace/hosting-overview-v3/hooks/use-compact-on-scroll.ts b/.../a8c-for-agencies/sections/marketplace/hosting-overview-v3/hooks/use-compact-on-scroll.ts
@@ -1,7 +1,8 @@
 import { useCallback, useRef, useState } from 'react';
 
 const SCROLL_THRESHOLD_PERCENTAGE = 0.2;
-const SCROLL_THRESHOLD_BUFFER = 5;
+const SCROLL_THRESHOLD_NORMAL_BUFFER = 5;
+const SCROLL_THRESHOLD_COMPACT_BUFFER = 20;
 
 export default function useCompactOnScroll() {
 	const [ isCompact, setIsCompact ] = useState( false );
@@ -31,15 +32,15 @@ export default function useCompactOnScroll() {
 			if (
 				isScrollingDown &&
 				! isCompact &&
-				scrollPosition > normalScrollThreshold + SCROLL_THRESHOLD_BUFFER
+				scrollPosition > normalScrollThreshold + SCROLL_THRESHOLD_NORMAL_BUFFER
 			) {
 				setIsCompact( true );
 				setIsTransitioning( true );
 				ref.current?.addEventListener( 'transitionend', onTransitionEnd );
 			} else if (
 				! isScrollingDown &&
 				isCompact &&
-				scrollPosition < normalScrollThreshold - SCROLL_THRESHOLD_BUFFER
+				scrollPosition < normalScrollThreshold - SCROLL_THRESHOLD_COMPACT_BUFFER
 			) {
 				setIsCompact( false );
 				setIsTransitioning( true );