ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-25 11:02:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: better banner logic

Browse Source
This commit is contained in:
madkarmaa 2025-05-09 11:40:34 +02:00
parent ff58050f13
commit 485ac26c30
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/lib/components/organisms/NavBar.svelte
View File

@ -4,13 +4,23 @@
import api from '$api';
</script>
{#await api.general.ping() then apiUp}
{#if !apiUp}
<Banner level="caution" permanent>
The API is currently unresponsive and some services may not work correctly.
{#await api.general.getAbout() then data}
Check the <Button type="text" href={data.status}>status page</Button> for updates.
{/await}
</Banner>
{/if}
{/await}
<!-- make the banner a snippet to remove duplicate code -->
{#snippet apiDownBanner()}
<Banner level="caution" permanent>
The API is currently unresponsive and some services may not work correctly.
{#await api.general.getAbout() then data}
Check the <Button type="text" href={data.status}>status page</Button> for updates.
{/await}
</Banner>
{/snippet}
<div class="nav-container">
<!-- whether the api doesn't return 204 or the request itself fails, show banner -->
{#await api.general.ping() then apiUp}
{#if !apiUp}
{@render apiDownBanner()}
{/if}
{:catch _}
{@render apiDownBanner()}
{/await}
</div>