feat: pass scroll position to portifolio/Header

mateusfg7 · Dec 22, 2022 · 711552b · 711552b
1 parent 0839858
commit 711552b
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/pages/portifolio.tsx b/src/pages/portifolio.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react'
 import { AboutSection } from 'src/components/portifolio/AboutSection'
 import { ContactSection } from 'src/components/portifolio/ContactSection'
 import { Header } from 'src/components/portifolio/Header'
@@ -6,9 +7,22 @@ import { KnowledgeSection } from 'src/components/portifolio/KnowledgeSection'
 import { ProjectsSection } from 'src/components/portifolio/ProjectsSection'
 
 function Portifolio() {
+  const [scrollPosition, setScrollPosition] = useState(0)
+
+  function updateScrollPosition() {
+    if (window) {
+      setScrollPosition(window.scrollY)
+    }
+  }
+
+  useEffect(() => {
+    if (window)
+      window.addEventListener('scroll', updateScrollPosition, { passive: true })
+  }, [])
+
   return (
     <div className="bg-neutral-1000 text-neutral-300">
-      <Header />
+      <Header scrollPosition={scrollPosition} />
       <HomeSection />
       <AboutSection />
       <ProjectsSection />