import React from 'react'
import BookingTable from '../../components/bookingTable'
import Layout from '../../components/layout'

import { getServerSideRecentBookings } from '../../lib/getServerSideProps'

export const getServerSideProps = getServerSideRecentBookings

function AdminRecentBookings({ bookings }) {
  if (!bookings || !bookings.length) {
    return (
      <Layout>
        <h3 className="text-lg leading-6 font-medium text-gray-900">
          No recent bookings 😿
        </h3>
      </Layout>
    )
  }

  return (
    <Layout>
      {bookings.map((booking: any) => (
        <BookingTable key={booking.uuid} booking={booking} />
      ))}
    </Layout>
  )
}

AdminRecentBookings.authenticationRequired = true

export default AdminRecentBookings