Lekkie zmiany

Trzeba dodać logowanie tak jak reszte(nie wiem gdzie było logowanie ale zaraz się znajdzie)

WebApp/wwwroot/js/eventDelete.js

@@ -9,26 +9,35 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 document.addEventListener("DOMContentLoaded", () => {
+    // Obsługuje kliknięcie na przycisk "Usuń"
     document.body.addEventListener("click", (e) => __awaiter(void 0, void 0, void 0, function* () {
         const target = e.target;
         if (!target.matches(".delete-btn"))
-            return;
-        const id = target.getAttribute("data-id");
+            return; // Sprawdza, czy kliknięto przycisk "Usuń"
+        const id = target.getAttribute("data-id"); // Pobiera ID wydarzenia
         if (!id)
             return;
-        const confirmed = confirm("Na pewno chcesz usunąć to wydarzenie?");
+        const confirmed = confirm("Na pewno chcesz usunąć to wydarzenie?"); // Potwierdzenie usunięcia
         if (!confirmed)
             return;
-        const response = yield fetch(`/api/events/${id}`, {
-            method: "DELETE"
-        });
-        if (response.ok) {
-            const card = target.closest(".col");
-            if (card)
-                card.remove();
+        try {
+            // Wysyła żądanie DELETE do API
+            const response = yield fetch(`/api/events/${id}`, {
+                method: "DELETE"
+            });
+            if (response.ok) {
+                // Usuwa kartę z DOM (bez przeładowania strony)
+                const card = target.closest(".event-card");
+                if (card)
+                    card.remove();
+            }
+            else {
+                alert("Błąd podczas usuwania wydarzenia.");
+            }
         }
-        else {
-            alert("Nie udało się usunąć wydarzenia.");
+        catch (err) {
+            alert("Błąd połączenia z serwerem.");
+            console.error(err);
         }
     }));
 });

WebApp/wwwroot/js/eventList.js

@@ -21,24 +21,15 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
             container.innerHTML = "<p class='text-muted'>Brak wydarzeń do wyświetlenia.</p>";
             return;
         }
+        // Wyczyść kontener przed dodaniem nowych
+        container.innerHTML = '';
         for (const ev of events) {
             const card = document.createElement("div");
-            card.className = "col";
+            card.className = "event-card filled";
             card.innerHTML = `
-            <div class="card shadow-sm h-100">
-                <div class="card-body">
-                    <h5 class="card-title">${ev.title}</h5>
-                    <p class="card-text">
-                        <strong>Miejsce:</strong> ${ev.location}<br/>
-                        <strong>Data:</strong> ${new Date(ev.eventDate).toLocaleString()}<br/>
-                        <strong>Organizacja ID:</strong> ${ev.organisationId}
-                    </p>
-                    <button class="btn btn-outline-danger delete-btn" data-id="${ev.eventId}">
-                        🗑️ Usuń
-                    </button>
-                </div>
-            </div>
-        `;
+                <span>${ev.title}</span>
+                <button class="remove-btn delete-btn" data-id="${ev.eventId}">−</button>
+            `;
             container.appendChild(card);
         }
     }