(Feature) Newsletter

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>

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 };

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>
  );