import { useOrganizationUserBookings } from "@calcom/atoms";
export default function Bookings() {
const someUserId = 1218;
const { isLoading: isLoadingUpcomingBookings, data: upcomingBookings } = useOrganizationUserBookings(someUserId, {
take: 50,
skip: 0,
status: ["upcoming"],
});
return (
<>
<h1>Upcoming bookings</h1>
{isLoadingUpcomingBookings && <p>Loading...</p>}
{!isLoadingUpcomingBookings && !upcomingBookings && <p>No upcoming bookings found</p>}
{!isLoading &&
upcomingBookings &&
(Boolean(upcomingBookings?.length)) &&
[...upcomingBookings].map((booking) => {
return (
<div key={booking.id}><h1>{booking.title}</h1></div>
);
})}
</>
);
}