Refactor EventDetail to preserve slug on updates; enhance Store with orders management and CSV export; update TransactionsPage to reflect status changes; add summary stats to TransactionsPage; fix UserDetailsPage to display correct transaction status.

Author: akarsh911

src/component/Events.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { collection, getDocs, deleteDoc, doc, setDoc } from "firebase/firestore";
+import { collection, getDocs, deleteDoc, doc, setDoc, updateDoc } from "firebase/firestore";
 import type { Event } from "../models/Event";
 import { db } from "../firebase";
 import { useNavigate } from "react-router-dom";
@@ -133,9 +133,19 @@ const EventsPage: React.FC = () => {
       }
     });
     try {
-      await setDoc(doc(db, "events", slug), eventToSave);
-      fetchEvents();
-      alert(editMode ? "Event updated successfully!" : "Event added successfully!");
+      if (editMode && event.eventId) {
+        // Editing existing event: update the existing document by its id.
+        // This preserves the document id (slug) and avoids creating a new doc when title/slug changes.
+  // updateDoc expects a partial update object; cast to Record<string, unknown> to satisfy TS without using `any`
+  await updateDoc(doc(db, "events", event.eventId), eventToSave as Record<string, unknown>);
+        await fetchEvents();
+        alert("Event updated successfully!");
+      } else {
+        // Creating new event: generate slug and create document with that id
+        await setDoc(doc(db, "events", slug), eventToSave);
+        await fetchEvents();
+        alert("Event added successfully!");
+      }
       setModalOpen(false);
     } catch (error) {
       console.error("Error saving event:", error);
@@ -145,7 +155,11 @@ const EventsPage: React.FC = () => {
 
   const handleDelete = async (id: string | undefined) => {
     if (!id) return;
-    // perform deletion (assumes permission already checked by caller)
+    // Only admins can delete events. Show insufficient modal for others.
+    if (!hasRole(currentUser || null, "admin")) {
+      setInsufficientModal({ show: true, message: "You don't have permission to delete this event." });
+      return;
+    }
     try {
       await deleteDoc(doc(db, "events", id));
       fetchEvents();
@@ -166,8 +180,8 @@ const EventsPage: React.FC = () => {
   const confirmDeleteNow = async () => {
     const id = confirmDelete.id;
     if (!id) return setConfirmDelete({ show: false });
-    // Permission check
-    if (!hasRole(currentUser || null, ["event-admin", "admin"])) {
+    // Permission check: only admin can delete
+    if (!hasRole(currentUser || null, "admin")) {
       setConfirmDelete({ show: false });
       setInsufficientModal({ show: true, message: "You don't have permission to delete this event." });
       return;
@@ -299,7 +313,8 @@ const EventsPage: React.FC = () => {
             onRequestDelete={handleRequestDelete}
             navigate={navigate}
             canEdit={(ev) => canEditEvent(currentUser, ev)}
-            canDelete={(ev) => canEditEvent(currentUser, ev)}
+            // Only admin users may delete events
+            canDelete={() => hasRole(currentUser || null, "admin")}
           />
           {/* Pagination */}
           {totalPages > 1 && (

src/models/Transaction.ts

@@ -15,7 +15,7 @@ export interface Transaction {
   finalAmount: number; // in paisa (includes transaction fees)
   couponCode?: string | null;
   couponDetails?: Record<string, unknown> | null;
-  status: "pending" | "completed" | "failed" | "cancelled";
+  status: "pending" | "success" | "failed" | "cancelled";
   createdAt: string;
   checkoutUrl: string;
   // New breakdown fields