diff --git a/src/components/sections/StreamSchedule.svelte b/src/components/sections/StreamSchedule.svelte index d21c47e..cfb6243 100644 --- a/src/components/sections/StreamSchedule.svelte +++ b/src/components/sections/StreamSchedule.svelte @@ -4,15 +4,20 @@ const myLocation = "Australia/Melbourne"; - const myStreamSchedule = [ - { - start: getUpcomingTimeDevTZ(2, "9:30"), - end: getUpcomingTimeDevTZ(2, "16:00"), - }, - { - start: getUpcomingTimeDevTZ(4, "9:30"), - end: getUpcomingTimeDevTZ(4, "16:00"), - }, + type StreamScheduleDay = { + start: moment.Moment; + end: moment.Moment; + }; + + const myStreamSchedule: null | StreamScheduleDay[] = [ + // { + // start: getUpcomingTimeDevTZ(2, "9:30"), + // end: getUpcomingTimeDevTZ(2, "16:00"), + // }, + // { + // start: getUpcomingTimeDevTZ(4, "9:30"), + // end: getUpcomingTimeDevTZ(4, "16:00"), + // }, ]; /** @@ -75,6 +80,9 @@ let formattedLocalisedSchedule: Schedule[] = $state([]); function displayStreamSchedule() { + if (myStreamSchedule == null) { + return; + } localisedStreamSchedule = myStreamSchedule.map((stream) => ({ start: convertToUserLocalTimezone(stream.start), end: convertToUserLocalTimezone(stream.end), @@ -133,35 +141,45 @@ {/if}
- - - - - - - - - {#if adjusted} - {#each formattedLocalisedSchedule as localTime} - - - - - {/each} - {:else} - {#each formattedSchedule as devTime} - - - - - {/each} - {/if} - -
DayTime
{localTime.day}{localTime.start} - {localTime.end}
{devTime.day}{devTime.start} - {devTime.end}
+ {#if myStreamSchedule.length} + + + + + + + + + {#if adjusted} + {#each formattedLocalisedSchedule as localTime} + + + + + {/each} + {:else} + {#each formattedSchedule as devTime} + + + + + {/each} + {/if} + +
DayTime
{localTime.day}{localTime.start} - {localTime.end}
{devTime.day}{devTime.start} - {devTime.end}
+ {:else} +
+ To be announced on Discord +
+ {/if}