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);