import { AvailabilityCalendar } from '@admin/components/dashboard/availability-calendar'; import { DashboardPanel } from '@admin/components/dashboard/dashboard-panel'; import { DashboardTablePanel } from '@admin/components/dashboard/dashboard-table-panel'; import { EarningsChart } from '@admin/components/dashboard/earnings-chart'; import { StatCard } from '@admin/components/dashboard/stat-card'; import DashboardLayout from '@admin/layouts/dashboard-layout'; import type { DashboardPageProps } from '@admin/types/dashboard'; import { Head, Link } from '@inertiajs/react'; import type { ReactElement } from 'react'; function Dashboard({ summary, availability, earnings, bookingStatuses, site, recentBookings, recentMessages, }: DashboardPageProps) { return ( <>
{summary.map((card) => ( ))}
    {bookingStatuses.map((status) => (
  • {status.label} {status.count}
    • ))}
{site.map((item) => ( {item.label} {item.count} ))}
{recentBookings.length === 0 ? ( ) : ( recentBookings.map((booking) => ( )) )}
Guest Room Dates Total Status
No bookings yet.
{booking.guest} {booking.room} {booking.number} {booking.dates} {booking.total} {booking.statusLabel}
{recentMessages.length === 0 ? ( ) : ( recentMessages.map((message) => ( )) )}
From Subject Status
No messages yet.
{message.name} {message.email} {message.subject} {message.is_read ? 'Read' : 'Unread'}
); } function DashboardPageLayout({ greeting, children }: DashboardPageProps & { children: ReactElement }) { return ( {children} ); } Dashboard.layout = DashboardPageLayout; export default Dashboard;