edit event

client/src/pages/EditEventsPage.tsx

@@ -54,7 +54,10 @@ const EditEventsPage = () => {
     const fetchEvent = async () => {
       try {
         const response = await axios.get(`${config.serverAddress}/events/${id}`);
-        setInitialValues(response.data);
+        // Convert the date to the correct format for the input field
+        const event = response.data;
+        event.date = new Date(event.date).toISOString().split('T')[0];
+        setInitialValues(event);
       } catch (error) {
         console.error("Failed to fetch event data:", error);
       }
@@ -157,13 +160,6 @@ const EditEventsPage = () => {
                 placeholder="Enter slots available"
                 labelPlacement="inside"
               />
-              <NextUIFormikInput
-                label="Image URL"
-                name="imageUrl"
-                type="text"
-                placeholder="Enter image URL"
-                labelPlacement="inside"
-              />
               <div className="flex flex-row-reverse border">
                 <Button
                   type="submit"
@@ -181,4 +177,4 @@ const EditEventsPage = () => {
   );
 };
 
-export default EditEventsPage;
+export default EditEventsPage;

client/src/pages/EventsPage.tsx

@@ -77,7 +77,12 @@ const EventsPage: React.FC = () => {
       const matchTownCouncil = selectedTownCouncil
         ? event.location === selectedTownCouncil
         : true;
-      const matchTime = selectedTime ? event.time === selectedTime : true;
+      const matchTime = selectedTime 
+      ? event.time.toLowerCase().trim() === selectedTime.toLowerCase().trim() 
+      : true;
+
+      console.log('Event Time:', event.time);
+      console.log(`Filtering: ${event.title} | Category: ${matchCategory} | Town Council: ${matchTownCouncil} | Time: ${matchTime}`);
 
       return matchCategory && matchTownCouncil && matchTime;
     });