From 9d1f2e735eb733618c113df80339505abe70ef27 Mon Sep 17 00:00:00 2001
From: Paul Bailey <psbailey31@gmail.com>
Date: Sun, 16 Nov 2025 20:38:41 +0000
Subject: [PATCH] Add debug box to modal to test rendering

---
 src/components/event/EventDetailModal.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/event/EventDetailModal.tsx b/src/components/event/EventDetailModal.tsx
index df2f031..7f526fb 100644
--- a/src/components/event/EventDetailModal.tsx
+++ b/src/components/event/EventDetailModal.tsx
@@ -138,8 +138,14 @@ export function EventDetailModal({
           </div>
 
           {/* Content - Scrollable */}
-          <div className="overflow-y-auto flex-1">
+          <div className="overflow-y-auto flex-1 bg-white">
             <div className="px-6 py-6 space-y-6">
+              {/* DEBUG */}
+              <div className="bg-red-100 border-2 border-red-500 p-4">
+                <p className="text-red-900 font-bold">DEBUG: Modal Content Rendering</p>
+                <p className="text-sm">Event: {event.title}</p>
+              </div>
+              
               {/* Event Details */}
               <div className="space-y-4">
                 <div className="flex items-start">