From 19a73e398b856ec12598c2721c9f94d012ea172e Mon Sep 17 00:00:00 2001
From: Saket Aryan <94069182+whysosaket@users.noreply.github.com>
Date: Mon, 21 Oct 2024 14:05:58 +0530
Subject: [PATCH] (Feature) Newsletter

---
 my-app/src/App.jsx                  | 5 +++--
 my-app/src/data.js                  | 4 ++--
 my-app/src/pages/NewsletterPage.jsx | 4 ++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/my-app/src/App.jsx b/my-app/src/App.jsx
index 7d0fe94..c4f1fc8 100644
--- a/my-app/src/App.jsx
+++ b/my-app/src/App.jsx
@@ -5,11 +5,11 @@ import Home from "./pages/Home";
 import About from "./pages/About";
 import NotFound from "./pages/404";
 import Community from "./pages/Community";
-import ContactForm from "./pages/Contact";
 import Events from "./pages/Events";
 import Base from "./layouts/Base";
 import Subscribe from "./components/Subscribe";
 import Loader from "./components/Loader";
+import NewsletterPage from "./pages/NewsletterPage";
 
 // Custom hook to handle the loader
 const useLoader = (duration = 1500) => {
@@ -43,7 +43,8 @@ export default function App() {
                 <Route path="/about-us" element={<About handle={setVisible} />} />
                 <Route path="/community" element={<Community />} />
                 <Route path="/events" element={<Events />} />
-                <Route path="/contact-us" element={<ContactForm />} />
+                {/* <Route path="/contact-us" element={<ContactForm />} /> */}
+                <Route path="/newsletter" element={<NewsletterPage handle={setVisible} />} />
                 <Route path="*" element={<NotFound />} />
               </Routes>
             </Base>
diff --git a/my-app/src/data.js b/my-app/src/data.js
index 1dd8c39..dad38a9 100644
--- a/my-app/src/data.js
+++ b/my-app/src/data.js
@@ -2,8 +2,8 @@ const navigation = [
   { name: "Home", to: "/" },
   { name: "Community", to: "/community" },
   { name: "Events", to: "/events" },
-  // { name: "Newsletter", to: "/newsletter" },
+  { name: "Newsletter", to: "/newsletter" },
   { name: "About us", to: "about-us" },
-  { name: "Contact us", to: "/contact-us" },
+  // { name: "Contact us", to: "/contact-us" },
 ];
 export { navigation };
diff --git a/my-app/src/pages/NewsletterPage.jsx b/my-app/src/pages/NewsletterPage.jsx
index 4cf8843..7c6e062 100644
--- a/my-app/src/pages/NewsletterPage.jsx
+++ b/my-app/src/pages/NewsletterPage.jsx
@@ -15,7 +15,7 @@ pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/b
 const maxWidth = 800;
 const resizeObserverOptions = {};
 
-const NewsletterPage = () => {
+const NewsletterPage = (props) => {
   const [file, setFile] = useState();
   const [editions, setEditions] = useState([]);
   const [numPages, setNumPages] = useState();
@@ -181,7 +181,7 @@ const NewsletterPage = () => {
       </div>
       </div>}
       <div className="my-6">
-        <Newsletter />
+        <Newsletter handle={props.handle} />
       </div>
     </div>
   );