create events page updated

This commit is contained in:
Harini312821
2024-08-12 20:08:33 +08:00
parent 4429f48c40
commit 0f005a1bb6
3 changed files with 13 additions and 4 deletions

View File

@@ -31,7 +31,9 @@ const validationSchema = Yup.object({
"Only letters, numbers, commas, spaces, exclamation marks, quotations, and common symbols are allowed" "Only letters, numbers, commas, spaces, exclamation marks, quotations, and common symbols are allowed"
) )
.required("Description is required"), .required("Description is required"),
date: Yup.date().required("Date is required"), date: Yup.date()
.min(new Date(), "Date must be in the future")
.required("Date is required"),
time: Yup.string().required("Time is required"), time: Yup.string().required("Time is required"),
location: Yup.string().required("Location is required"), location: Yup.string().required("Location is required"),
category: Yup.string().required("Category is required"), category: Yup.string().required("Category is required"),

View File

@@ -32,7 +32,9 @@ const validationSchema = Yup.object({
"Only letters, numbers, commas, spaces, exclamation marks, quotations, and common symbols are allowed" "Only letters, numbers, commas, spaces, exclamation marks, quotations, and common symbols are allowed"
) )
.required("Description is required"), .required("Description is required"),
date: Yup.date().required("Date is required"), date: Yup.date()
.min(new Date(), "Date must be in the future")
.required("Date is required"),
time: Yup.string().required("Time is required"), time: Yup.string().required("Time is required"),
location: Yup.string().required("Location is required"), location: Yup.string().required("Location is required"),
category: Yup.string().required("Category is required"), category: Yup.string().required("Category is required"),

View File

@@ -40,8 +40,13 @@ const EventsPage: React.FC = () => {
`${config.serverAddress}/events` `${config.serverAddress}/events`
); );
console.log("Fetched events data:", res.data); console.log("Fetched events data:", res.data);
setEvents(res.data);
setFilteredEvents(res.data); // Filter out past events
const now = new Date();
const futureEvents = res.data.filter(event => new Date(event.date) > now);
setEvents(futureEvents);
setFilteredEvents(futureEvents);
// Extract unique categories and locations from events // Extract unique categories and locations from events
const uniqueCategories = Array.from( const uniqueCategories = Array.from(