diff --git a/booking-app/components/src/client/routes/booking/components/CalendarVerticalResource.tsx b/booking-app/components/src/client/routes/booking/components/CalendarVerticalResource.tsx
index 691acba..1b3f42f 100644
--- a/booking-app/components/src/client/routes/booking/components/CalendarVerticalResource.tsx
+++ b/booking-app/components/src/client/routes/booking/components/CalendarVerticalResource.tsx
@@ -10,6 +10,7 @@ import { FormContextLevel, RoomSetting } from "../../../../types";
import React, { useContext, useEffect, useMemo, useRef } from "react";
import { BookingContext } from "../bookingProvider";
+import { Error } from "@mui/icons-material";
import { EventResizeDoneArg } from "fullcalendar";
import FullCalendar from "@fullcalendar/react";
import googleCalendarPlugin from "@fullcalendar/google-calendar";
@@ -70,6 +71,7 @@ const FullCalendarWrapper = styled(Box)({
const Empty = styled(Box)(({ theme }) => ({
display: "flex",
+ flexDirection: "column",
justifyContent: "center",
alignItems: "center",
height: 500,
@@ -213,6 +215,19 @@ export default function CalendarVerticalResource({
);
}, [existingCalendarEvents, formContext]);
+ if (existingCalendarEvents.length === 0) {
+ return (
+
+
+
+ Sorry, we were unable to retrieve existing calendar events.
+
+ Please refresh the page.
+
+
+ );
+ }
+
if (rooms.length === 0) {
return (