From 00c71b463da968cdd4a9172aebac52cd8f3cdffd Mon Sep 17 00:00:00 2001
From: love-sonkar <loveboss806@gmail.com>
Date: Mon, 18 Sep 2023 21:52:51 +0530
Subject: [PATCH] fixes footer link navigates to home with scroll top

---
 web/src/App.jsx                  |  3 +++
 web/src/components/ScrollTop.jsx | 20 ++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 web/src/components/ScrollTop.jsx

diff --git a/web/src/App.jsx b/web/src/App.jsx
index 711edbf..5d59517 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -4,11 +4,13 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { Home, Contributors, Guide, ProjectList } from "./pages";
 import MasterLayout from "./layouts";
 import { IssueList } from "./pages/Issues/IssueList";
+import ScrollTop from "./components/ScrollTop";
 
 function App() {
   return (
     <BrowserRouter>
       <MasterLayout>
+          <ScrollTop>
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/contributors" element={<Contributors />} />
@@ -16,6 +18,7 @@ function App() {
           <Route path="/projects" element={<ProjectList />} />
           <Route path="/issues" element={<IssueList />} />
         </Routes>
+          </ScrollTop>
       </MasterLayout>
     </BrowserRouter>
   );
diff --git a/web/src/components/ScrollTop.jsx b/web/src/components/ScrollTop.jsx
new file mode 100644
index 0000000..5a57983
--- /dev/null
+++ b/web/src/components/ScrollTop.jsx
@@ -0,0 +1,20 @@
+import {useEffect} from 'react'
+import { useLocation } from 'react-router-dom'
+
+
+const ScrollTop = ({children}) => {
+    const location = useLocation()
+   useEffect(() => {
+     window.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+     })
+   }, [location])
+   
+  return (
+    <>{children}</>
+  )
+}
+
+export default ScrollTop
\ No newline at end of file