From 7926740b9fa940148e76b9833e073939c6752021 Mon Sep 17 00:00:00 2001
From: Rachel Prather <rachelprather1@gmail.com>
Date: Thu, 4 Jan 2024 15:39:18 -0800
Subject: [PATCH] Add function to go to top of new page when footer link is
 clicked

---
 src/components/Footer/Footer.js | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index bed4531..6c74f12 100644
--- 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>