br0uQ/librebooking-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update reservations page info boxes

Browse Source
This commit is contained in:
Joshua Schmucker 2026-02-05 21:44:43 +01:00
parent d0669f41a2
commit ca573c36e8
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/UserDashboard.tsx
View File

@ -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 */}