diff --git a/app/layout.tsx b/app/layout.tsx
index 3192f7e6e..f511102c9 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -59,8 +59,8 @@ export default async function RootLayout({
});
const liveStreamData: EventInfoStatic =
- nextUG.data.eventsCalendarConnection.edges.length > 0
- ? nextUG.data.eventsCalendarConnection.edges[0].node
+ nextUG?.data?.eventsCalendarConnection?.edges?.length > 0
+ ? nextUG?.data?.eventsCalendarConnection?.edges[0]?.node
: null;
return (
@@ -76,9 +76,11 @@ export default async function RootLayout({
>
-
-
-
+ {liveStreamData && (
+
+
+
+ )}
{children}
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index b8ff5c034..7e186572c 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -125,7 +125,7 @@ export const Layout = ({
)}
>
- {(showBanner || router?.query?.liveBanner?.length > 0) && (
+ {event && (showBanner || router?.query?.liveBanner?.length > 0) && (
)}
- {(isLive || router.query.liveStream) && (
+ {event && (isLive || router?.query?.liveStream) && (
{
const rightnow = dayjs().utc();
- const liveDelay = event.liveStreamDelayMinutes ?? 0;
- if (!liveStreamDelayMinutes && event.delayedLiveStreamStart) {
+ const liveDelay = event?.liveStreamDelayMinutes ?? 0;
+ if (!liveStreamDelayMinutes && event?.delayedLiveStreamStart) {
setLiveStreamDelayMinutes(liveDelay);
}
- const start = dayjs(event.startDateTime).add(liveDelay, "minute");
+ const start = dayjs(event?.startDateTime).add(liveDelay, "minute");
const minsToStart = start.diff(rightnow, "minute");
setCountdownMins(minsToStart);