feat: add admin approval requirement for event registrations

Author: akarsh911

src/component/EventDetails.tsx

@@ -364,7 +364,7 @@ const EventDetails: React.FC<EventDetailsProps> = ({ eventId }) => {
                         variant="success"
                         className="me-2"
                         onClick={() => {
-                          if (canManageRegistrations(currentUser, event)) {
+                          if (canViewRegistrations(currentUser, event)) {
                             setShowExportModal(true);
                           } else {
                             setInsufficientModal({ show: true, message: "You don't have permission to export registrations for this event." });
@@ -567,7 +567,7 @@ const EventDetails: React.FC<EventDetailsProps> = ({ eventId }) => {
                         variant="success"
                         className="me-2"
                         onClick={() => {
-                          if (canManageRegistrations(currentUser, event)) {
+                          if (canViewRegistrations(currentUser, event)) {
                             setShowExportModal(true);
                           } else {
                             setInsufficientModal({ show: true, message: "You don't have permission to export team registrations for this event." });

src/component/editEventModal/EventFormModal.tsx

@@ -670,6 +670,23 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                   <div className="form-text">Enable registration fees.</div>
                 </div>
 
+                <div className="col-md-3">
+                  <label htmlFor="requireAdminApproval" className="form-label">Require Admin Approval</label>
+                  <div className="form-check form-switch">
+                    <input
+                      className="form-check-input"
+                      type="checkbox"
+                      id="requireAdminApproval"
+                      checked={event.requireAdminApproval || false}
+                      onChange={(e) => setEvent({ ...event, requireAdminApproval: e.target.checked })}
+                    />
+                    <label className="form-check-label" htmlFor="requireAdminApproval">
+                      {event.requireAdminApproval ? "Required" : "Not Required"}
+                    </label>
+                  </div>
+                  <div className="form-text">Registrations need admin approval.</div>
+                </div>
+
                 {/* paymentType selector: only shown for team events since user asked */}
                 {event.eventType === "team" && (
                   <div className="col-md-3">

src/models/Event.ts

@@ -81,4 +81,5 @@ export interface Event {
   venueName?: string;
   venueId?: string;
   sameCollegeOnly?: boolean;
+  requireAdminApproval?: boolean;
 }