auto-claude: subtask-3-1 - Apply throttle to Header scroll event listener

2026-01-25 06:31:07 +01:00
parent 43593c7654
commit 018921b6ea
1 changed files with 3 additions and 2 deletions
@@ -18,6 +18,7 @@ import { usePathname } from 'next/navigation';
 import { NavLink } from './NavLink';
 import LanguageSwitcher from './LanguageSwitcher';
 import { ContactInfo } from './ContactInfo';
+import { throttle } from '@/utils/throttle';

 const Header = () => {
  const t = useTranslations('navigation');
@@ -33,9 +34,9 @@ const Header = () => {

  // Scroll handler
  useEffect(() => {
-    const handleScroll = () => {
+    const handleScroll = throttle(() => {
      setScrolled(window.scrollY > 0);
-    };
+    }, 100);
    window.addEventListener('scroll', handleScroll);
    return () => window.removeEventListener('scroll', handleScroll);
  }, []);