\n {/* Welcome Section */}\n

\n Welcome back, {user?.name}! 👋\n

\n Ready for your next adventure? Let's plan something amazing!\n

\n\n {/* Stats Cards */}\n

\n 📊\n

Total Bookings

{stats.totalBookings}

\n\n

\n 💰\n

Total Spent

₹{stats.totalSpent.toLocaleString()}

\n\n

\n 🎯\n

Upcoming Trips

{stats.upcomingTrips}

\n\n

\n ✅\n

Completed Trips

{stats.completedTrips}

\n\n {/* Quick Actions */}\n

Quick Actions

\n {quickActions.map((action, index) => (\n \n

\n {action.icon}\n

{action.title}

{action.description}

\n \n ))}\n

\n\n {/* Recent Bookings */}\n

Recent Bookings

\n navigateTo('booking')}\n className=\"btn-primary px-4 py-2 rounded-lg text-white font-medium hover:shadow-lg transition-all duration-200\"\n >\n New Booking\n \n

\n\n {loading ? (\n

\n {[1, 2, 3].map(i => (\n

\n ))}\n

\n ) : bookings.length === 0 ? (\n

🎫

No bookings yet

Start your journey by making your first booking!

\n navigateTo('booking')}\n className=\"btn-primary px-6 py-3 rounded-lg text-white font-medium hover:shadow-lg transition-all duration-200\"\n >\n Make Your First Booking\n \n

\n ) : (\n

\n {bookings.slice(0, 5).map((booking, index) => (\n \n

{getBookingIcon(booking.type)}

\n {booking.from} → {booking.to}\n

\n {new Date(booking.departureDate).toLocaleDateString()} • {booking.passengers} passenger(s)\n

₹{booking.price.toLocaleString()}

\n \n {booking.status.charAt(0).toUpperCase() + booking.status.slice(1)}\n \n

\n ))}\n \n {bookings.length > 5 && (\n

\n \n

\n )}\n

\n \n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/Tarunkumar/Tarun/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]