diff --git a/client/src/App.tsx b/client/src/App.tsx
index 6612032..c0b78d6 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -15,9 +15,9 @@ import EventDetailsPage from "./pages/EventDetailsPage";
import CreateEventsPage from "./pages/CreateEventsPage";
import ManageEventsPage from "./pages/ManageEventsPage";
import AdministratorSpringboard from "./pages/AdministratorSpringboard";
+import EditEventsPage from "./pages/EditEventsPage";
import HBContestPage from "./pages/HBContestPage";
import HBFormPage from "./pages/HBFormPage";
-import EditEventsPage from "./pages/EditEventsPage";
import DefaultLayout from "./layouts/default";
import AdministratorLayout from "./layouts/administrator";
import UsersManagement from "./pages/UsersManagement";
@@ -43,6 +43,7 @@ function App() {
} />
+ } path="event/:id"/>
{/* Karang Guni Schedules Route */}
diff --git a/client/src/pages/EditEventsPage.tsx b/client/src/pages/EditEventsPage.tsx
index 8748847..a500df3 100644
--- a/client/src/pages/EditEventsPage.tsx
+++ b/client/src/pages/EditEventsPage.tsx
@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect } from 'react';
+import DefaultLayout from "../layouts/default";
import { Button } from "@nextui-org/react";
import { Formik, Form } from "formik";
import * as Yup from "yup";
@@ -32,12 +33,8 @@ const validationSchema = Yup.object({
time: Yup.string().required("Time is required"),
location: Yup.string().required("Location is required"),
category: Yup.string().required("Category is required"),
- slotsAvailable: Yup.number()
- .integer()
- .required("Slots Available is required"),
- imageUrl: Yup.string()
- .url("Invalid URL format")
- .required("Image URL is required"),
+ slotsAvailable: Yup.number().integer().required("Slots Available is required"),
+ imageUrl: Yup.string().url("Invalid URL format").required("Image URL is required")
});
const EditEventsPage = () => {
@@ -51,16 +48,13 @@ const EditEventsPage = () => {
location: "",
category: "",
slotsAvailable: "",
- imageUrl: "",
+ imageUrl: ""
});
useEffect(() => {
const fetchEvent = async () => {
try {
- const response = await axios.get(
- `${config.serverAddress}/events/${id}`
- );
- console.log("Fetched event data:", response.data); // Debug log
+ const response = await axios.get(`${config.serverAddress}/events/${id}`);
setInitialValues(response.data);
} catch (error) {
console.error("Failed to fetch event data:", error);
@@ -76,15 +70,12 @@ const EditEventsPage = () => {
) => {
console.log("Submitting form with values:", values); // Debug log
try {
- const response = await axios.put(
- `${config.serverAddress}/events/${id}`,
- values
- );
+ const response = await axios.put(`${config.serverAddress}/events/${id}`, values);
console.log("Server response:", response); // Debug log
if (response.status === 200 || response.status === 201) {
console.log("Event updated successfully:", response.data);
resetForm(); // Clear form after successful submit
- navigate(-1);
+ navigate("/manageEvent");
} else {
console.error("Error updating event:", response.statusText);
}
@@ -100,7 +91,7 @@ const EditEventsPage = () => {
};
return (
-
+