Refactor API routes and component logic: Remove unused event and user management routes, streamline feedback handling in components, and enhance state management with transitions for improved user experience. Update service layer methods for better organization and maintainability across the application.

components/EventManagement.tsx

@@ -1,7 +1,8 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useTransition } from "react";
 import { calculateEventStatus } from "@/lib/eventStatus";
+import { createEvent, updateEvent, deleteEvent } from "@/actions/admin/events";
 
 interface Event {
   id: string;
@@ -124,51 +125,42 @@ export default function EventManagement() {
     });
   };
 
+  const [, startTransition] = useTransition();
+
   const handleSave = async () => {
     setSaving(true);
-    try {
-      let response;
-      if (isCreating) {
-        response = await fetch("/api/admin/events", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify(formData),
-        });
-      } else if (editingEvent) {
-        response = await fetch(`/api/admin/events/${editingEvent.id}`, {
-          method: "PUT",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify(formData),
-        });
-      }
+    startTransition(async () => {
+      try {
+        let result;
+        if (isCreating) {
+          result = await createEvent(formData);
+        } else if (editingEvent) {
+          result = await updateEvent(editingEvent.id, formData);
+        }
 
-      if (response?.ok) {
-        await fetchEvents();
-        setEditingEvent(null);
-        setIsCreating(false);
-        setFormData({
-          date: "",
-          name: "",
-          description: "",
-          type: "ATELIER",
-          room: "",
-          time: "",
-          maxPlaces: undefined,
-        });
-      } else {
-        const error = await response?.json();
-        alert(error.error || "Erreur lors de la sauvegarde");
+        if (result?.success) {
+          await fetchEvents();
+          setEditingEvent(null);
+          setIsCreating(false);
+          setFormData({
+            date: "",
+            name: "",
+            description: "",
+            type: "ATELIER",
+            room: "",
+            time: "",
+            maxPlaces: undefined,
+          });
+        } else {
+          alert(result?.error || "Erreur lors de la sauvegarde");
+        }
+      } catch (error) {
+        console.error("Error saving event:", error);
+        alert("Erreur lors de la sauvegarde");
+      } finally {
+        setSaving(false);
       }
-    } catch (error) {
-      console.error("Error saving event:", error);
-      alert("Erreur lors de la sauvegarde");
-    } finally {
-      setSaving(false);
-    }
+    });
   };
 
   const handleDelete = async (eventId: string) => {
@@ -176,21 +168,20 @@ export default function EventManagement() {
       return;
     }
 
-    try {
-      const response = await fetch(`/api/admin/events/${eventId}`, {
-        method: "DELETE",
-      });
+    startTransition(async () => {
+      try {
+        const result = await deleteEvent(eventId);
 
-      if (response.ok) {
-        await fetchEvents();
-      } else {
-        const error = await response.json();
-        alert(error.error || "Erreur lors de la suppression");
+        if (result.success) {
+          await fetchEvents();
+        } else {
+          alert(result.error || "Erreur lors de la suppression");
+        }
+      } catch (error) {
+        console.error("Error deleting event:", error);
+        alert("Erreur lors de la suppression");
       }
-    } catch (error) {
-      console.error("Error deleting event:", error);
-      alert("Erreur lors de la suppression");
-    }
+    });
   };
 
   const handleCancel = () => {