damjan_savic/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
damjan_savic
2026-01-25 06:31:07 +01:00
parent 43593c7654
commit 018921b6ea
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/Header.tsx
+3 -2
View File
@@ -18,6 +18,7 @@ import { usePathname } from 'next/navigation';
import { NavLink } from './NavLink'; import { NavLink } from './NavLink';
import LanguageSwitcher from './LanguageSwitcher'; import LanguageSwitcher from './LanguageSwitcher';
import { ContactInfo } from './ContactInfo'; import { ContactInfo } from './ContactInfo';
import { throttle } from '@/utils/throttle';
const Header = () => { const Header = () => {
const t = useTranslations('navigation'); const t = useTranslations('navigation');
@@ -33,9 +34,9 @@ const Header = () => {
// Scroll handler // Scroll handler
useEffect(() => { useEffect(() => {
const handleScroll = () => { const handleScroll = throttle(() => {
setScrolled(window.scrollY > 0); setScrolled(window.scrollY > 0);
}; }, 100);
window.addEventListener('scroll', handleScroll); window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll);
}, []); }, []);