diff options
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 30 |
1 files changed, 16 insertions, 14 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 791f660a..2a420fce 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -69,21 +69,23 @@ profile could not be loaded. </AnimeRateLimited> {:else} - <div class={userData ? 'card card-small' : 'card'} id="user-panel"> - {#if userData === null} - Could not load user profile for <a - href={`https://anilist.co/user/${data.username}`} - target="_blank">@{data.username}</a - >. - - <p /> - - Does this user exist? - {:else if userData === undefined} + {#if userData === null} + <Message slot withReload> + <p> + Could not load user profile for <a + href={`https://anilist.co/user/${data.username}`} + target="_blank">@{data.username}</a + >. + </p> + </Message> + {:else if userData === undefined} + <div class="card card-small"> <Message /> <Skeleton card={false} count={1} height="224px" /> - {:else} + </div> + {:else} + <div class={userData ? 'card card-small' : 'card'}> <div class="card" id="user-grid" @@ -146,8 +148,8 @@ </div> </div> </div> - {/if} - </div> + </div> + {/if} {#if schedule && preferences && preferences.pinned_hololive_streams.length > 0} <p /> |