feat(frontend): add basic error pages (fixes #32)
This commit is contained in:
parent
987ff47704
commit
d9aa6e4fae
2 changed files with 47 additions and 0 deletions
25
frontend/src/routes/+error.svelte
Normal file
25
frontend/src/routes/+error.svelte
Normal file
|
@ -0,0 +1,25 @@
|
|||
<script lang="ts">
|
||||
import { page } from "$app/stores";
|
||||
</script>
|
||||
|
||||
<h1>An error occurred ({$page.status})</h1>
|
||||
|
||||
{#if $page.status === 404}
|
||||
<p>
|
||||
The page you were looking for was not found. If you're sure the page exists, check for any typos
|
||||
in the address.
|
||||
</p>
|
||||
{:else if $page.status === 429}
|
||||
<p>You've exceeded a rate limit, please try again later.</p>
|
||||
{:else if $page.status === 500}
|
||||
<p>An internal error occurred. Please try again later.</p>
|
||||
<p>
|
||||
If this error keeps happening, please <a
|
||||
href="https://codeberg.org/u1f320/pronouns.cc/issues"
|
||||
target="_blank"
|
||||
rel="noreferrer">file a bug report</a
|
||||
> with an explanation of what you did to cause the error.
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
<p>Error message: <code>{$page.error?.message}</code></p>
|
22
frontend/src/routes/@[username]/+error.svelte
Normal file
22
frontend/src/routes/@[username]/+error.svelte
Normal file
|
@ -0,0 +1,22 @@
|
|||
<script lang="ts">
|
||||
import { page } from "$app/stores";
|
||||
</script>
|
||||
|
||||
<h1>An error occurred ({$page.status})</h1>
|
||||
|
||||
{#if $page.status === 404}
|
||||
<p>The user you were looking for couldn't be found. Please check for any typos.</p>
|
||||
{:else if $page.status === 429}
|
||||
<p>You've exceeded a rate limit, please try again later.</p>
|
||||
{:else if $page.status === 500}
|
||||
<p>An internal error occurred. Please try again later.</p>
|
||||
<p>
|
||||
If this error keeps happening, please <a
|
||||
href="https://codeberg.org/u1f320/pronouns.cc/issues"
|
||||
target="_blank"
|
||||
rel="noreferrer">file a bug report</a
|
||||
> with an explanation of what you did to cause the error.
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
<p>Error message: <code>{$page.error?.message}</code></p>
|
Loading…
Reference in a new issue