From 42d3ebce3752539d69efdadf0120f1aa381a248a Mon Sep 17 00:00:00 2001 From: CristianA01702752 Date: Sun, 30 Apr 2023 14:51:49 -0500 Subject: [PATCH 01/20] add request form index --- GomezMorinFrontEnd/src/App.jsx | 3 +- GomezMorinFrontEnd/src/components/Footer.jsx | 2 +- .../src/pages/RequestForm/index.jsx | 276 ++++++++++++++++++ 3 files changed, 279 insertions(+), 2 deletions(-) create mode 100644 GomezMorinFrontEnd/src/pages/RequestForm/index.jsx diff --git a/GomezMorinFrontEnd/src/App.jsx b/GomezMorinFrontEnd/src/App.jsx index 5364aa5..7644937 100644 --- a/GomezMorinFrontEnd/src/App.jsx +++ b/GomezMorinFrontEnd/src/App.jsx @@ -2,7 +2,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom"; import Layout from "./components/Layout"; import Register from "./pages/Register"; import Login from "./pages/Login"; -import { useSelector } from "react-redux"; +import RequestForm from "./pages/RequestForm" const App = () => { return ( @@ -12,6 +12,7 @@ const App = () => { }> } /> } /> + } /> diff --git a/GomezMorinFrontEnd/src/components/Footer.jsx b/GomezMorinFrontEnd/src/components/Footer.jsx index e33d1d2..a166763 100644 --- a/GomezMorinFrontEnd/src/components/Footer.jsx +++ b/GomezMorinFrontEnd/src/components/Footer.jsx @@ -8,7 +8,7 @@ import React from "react"; */ const Footer = () => { return ( -
+
{ + const [formData, setFormData] = useState({ + inauguracion: false, + costo: false, + }); + + const handleCheckBoxChange = (name, isChecked) => { + setFormData({ + ...formData, + [name]: isChecked, + }); + }; + + const methods = useForm(); + const methods2 = useForm(); + const reset = methods.reset; + const reset2 = methods2.reset; + const navigate = useNavigate(); + const option = [ + { value: "Evento", _id: "1" }, + { value: "Taller", _id: "2" }, + { value: "Exposición", _id: "3" }, + ]; + const option2 = [ + { value: "Sí", _id: "1" }, + { value: "No", _id: "2" }, + ]; + + return ( +
+
+
+
+ +
+
+
+ +
+ +
+ +
+
+ +