From 13780803ba96e045bb83836c4904d21bb9c9d08d Mon Sep 17 00:00:00 2001
From: aryabenade <benadearya@gmail.com>
Date: Sun, 26 Apr 2026 23:43:33 +0530
Subject: [PATCH] add the ScrollToTop Component

Co-authored-by: Copilot <copilot@github.com>
---
 src/components/ScrollToTop.tsx | 12 ++++++++++++
 src/main.tsx                   |  2 ++
 2 files changed, 14 insertions(+)
 create mode 100644 src/components/ScrollToTop.tsx

diff --git a/src/components/ScrollToTop.tsx b/src/components/ScrollToTop.tsx
new file mode 100644
index 0000000..bf31b9e
--- /dev/null
+++ b/src/components/ScrollToTop.tsx
@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+export function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}
diff --git a/src/main.tsx b/src/main.tsx
index cfff6d7..0133335 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,11 +5,13 @@ import "./index.css";
 import { Provider } from "react-redux";
 import { store } from "./Redux/Store";
 import { Toaster } from "sonner";
+import { ScrollToTop } from "./components/ScrollToTop";
 
 createRoot(document.getElementById("root")!).render(
   <Provider store={store}>
     <BrowserRouter>
       <Toaster position="top-right" richColors duration={2000} closeButton />
+      <ScrollToTop />
       <App />
     </BrowserRouter>
   </Provider>