Add function to go to top of new page when footer link is clicked

rachelsoae · Jan 4, 2024 · 7926740 · 7926740
1 parent be60d52
commit 7926740
Showing 1 changed file with 20 additions and 4 deletions.
diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
@@ -15,10 +15,26 @@ const Footer = () => {
         </a>
       </div>
       <div className='footer__links'>
-        <Link to='/' className='footer__link'>Home</Link>
-        <Link to='/about' className='footer__link'>About</Link>
-        <Link to='/portfolio' className='footer__link'>Portfolio</Link>
-        <Link to='/contact' className='footer__link'>Contact</Link>
+        <Link 
+          to='/' 
+          className='footer__link'
+          onClick={() => {window.scroll(0, 0)}}
+          >Home</Link>
+        <Link 
+          to='/about' 
+          className='footer__link'
+          onClick={() => {window.scroll(0, 0)}}
+        >About</Link>
+        <Link 
+          to='/portfolio' 
+          className='footer__link'
+          onClick={() => {window.scroll(0, 0)}}
+        >Portfolio</Link>
+        <Link 
+          to='/contact' 
+          className='footer__link'
+          onClick={() => {window.scroll(0, 0)}}
+        >Contact</Link>
       </div>
       <img src={logoTransparent} alt='Rachel Soae Prather, Software Engineer' id='footer__logo' />
     </section>