From ca573c36e8ec1a68a0e4f9aea974f4dc121b8e9d Mon Sep 17 00:00:00 2001
From: Joshua Schmucker <joshua.schmucker@gmail.com>
Date: Thu, 5 Feb 2026 21:44:43 +0100
Subject: [PATCH] update reservations page info boxes

---
 src/pages/UserDashboard.tsx | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/src/pages/UserDashboard.tsx b/src/pages/UserDashboard.tsx
index 18ec67d..4f8f139 100644
--- a/src/pages/UserDashboard.tsx
+++ b/src/pages/UserDashboard.tsx
@@ -46,20 +46,18 @@ const UserDashboard: React.FC = () => {
         return endTime <= now;
       });
 
+  // Debug: Check what status field exists
+  console.log('Sample reservation:', reservations[0]);
+  console.log('Available fields:', reservations[0] ? Object.keys(reservations[0]) : 'No reservations');
+
   // Stats should always use all reservations (not filtered)
-  const pendingReservations = reservations.filter(r => r.status === 'pending');
-  const confirmedReservations = reservations.filter(r => r.status === 'confirmed');
   const upcomingReservations = reservations.filter(r => {
-    if (r.status === 'cancelled') return false;
     const endTime = new Date(r.endDate);
     return endTime > new Date();
   });
 
   // Filtered versions for display
-  const filteredPendingReservations = filteredReservations.filter(r => r.status === 'pending');
-  const filteredConfirmedReservations = filteredReservations.filter(r => r.status === 'confirmed');
   const filteredTodayReservations = filteredReservations.filter(r => {
-    if (r.status === 'cancelled') return false;
     const startTime = new Date(r.startDate);
     const endTime = new Date(r.endDate);
     return isToday(startTime) || isToday(endTime);
@@ -146,17 +144,10 @@ const UserDashboard: React.FC = () => {
         
         <div style={{ backgroundColor: 'white', padding: '1.5rem', borderRadius: '8px', border: '1px solid #ddd', textAlign: 'center' }}>
           <div style={{ fontSize: '2rem', fontWeight: 'bold', color: '#f39c12', marginBottom: '0.5rem' }}>
-            {pendingReservations.length}
+            {reservations.filter(r => r.requiresApproval).length}
           </div>
           <div style={{ color: '#666' }}>Pending Confirmation</div>
         </div>
-        
-        <div style={{ backgroundColor: 'white', padding: '1.5rem', borderRadius: '8px', border: '1px solid #ddd', textAlign: 'center' }}>
-          <div style={{ fontSize: '2rem', fontWeight: 'bold', color: '#27ae60', marginBottom: '0.5rem' }}>
-            {confirmedReservations.length}
-          </div>
-          <div style={{ color: '#666' }}>Confirmed Bookings</div>
-        </div>
       </div>
 
       {/* Filter Buttons */}