diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Loading/Message.svelte | 5 | ||||
| -rw-r--r-- | src/routes/hololive/+page.svelte | 8 |
2 files changed, 11 insertions, 2 deletions
diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte index 247ad3b3..c16e481f 100644 --- a/src/lib/Loading/Message.svelte +++ b/src/lib/Loading/Message.svelte @@ -7,6 +7,7 @@ export let message: string | undefined = undefined; export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis'; export let colour = 'var(--fg)'; + export let slot = false; </script> <Popup fullscreen locked> @@ -23,6 +24,10 @@ <br /> {message} + {:else if slot} + <br /> + + <slot /> {/if} </div> </Popup> diff --git a/src/routes/hololive/+page.svelte b/src/routes/hololive/+page.svelte index 26fb7537..1dd05905 100644 --- a/src/routes/hololive/+page.svelte +++ b/src/routes/hololive/+page.svelte @@ -97,7 +97,9 @@ {/each} </div> {:catch} - <Message message="Could not parse schedule. Please try again later." loader="ripple" /> + <Message message="" loader="ripple" slot> + Could not parse schedule. Please <a href={'#'} on:click={location.reload}>try again</a> later. + </Message> {/await} {:else} <Message message="Loading schedule ..." /> @@ -105,7 +107,9 @@ <Skeleton grid={true} count={100} width="49%" height="16.25em" /> {/if} {:catch} - <Message message="Could not load schedule. Please try again later." loader="ripple" /> + <Message message="" loader="ripple" slot> + Could not load schedule. Please <a href={'#'} on:click={location.reload}>try again</a> later. + </Message> {/await} <style lang="scss"> |