diff --git a/frontend/package-lock.json b/frontend/package-lock.json index bff525d..e0be7cc 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -24,7 +24,7 @@ "eslint-plugin-react": "^7.34.1", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", - "vite": "^5.2.0" + "vite": "^5.2.12" } }, "node_modules/@ampproject/remapping": { @@ -4465,9 +4465,9 @@ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" }, "node_modules/vite": { - "version": "5.2.10", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.10.tgz", - "integrity": "sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==", + "version": "5.2.12", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.12.tgz", + "integrity": "sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==", "dependencies": { "esbuild": "^0.20.1", "postcss": "^8.4.38", diff --git a/frontend/package.json b/frontend/package.json index 25bfd52..7eea31c 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -26,6 +26,6 @@ "eslint-plugin-react": "^7.34.1", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", - "vite": "^5.2.0" + "vite": "^5.2.12" } } \ No newline at end of file diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index a9f2e38..9bde59c 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -1,17 +1,42 @@ import { HashRouter, Routes, Route } from "react-router-dom"; +import { useEffect, useState } from 'react'; import "./App.css"; import Homepage from "./pages/Homepage"; import Navbar from "./layout/Navbar"; import Footer from "./layout/Footer"; +import DynamicFormPage from "./pages/DynamicFormPage"; + + +// data fetch from backend (remove after contected to backend) +const mockFormLinks = [ + { form_link: "https://form.jotform.com/241484020996460" }, + { form_link: "https://form.jotform.com/241484020996460" }, + { form_link: "https://form.jotform.com/241484020996460" } + ]; function App() { + const [formLinks, setFormLinks] = useState([]); + + useEffect(() => { + setTimeout(() =>{ + setFormLinks(mockFormLinks); + }, 1000); + }, []) + + return ( <> + } /> + {/* Dynamically generate routes for each form link /tech-club-website/#form/0 */} + {formLinks.map((form, index) => ( + } /> + ))} +