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'; import api from '$api';
</script> </script>
{#await api.general.ping() then apiUp} <!-- make the banner a snippet to remove duplicate code -->
{#if !apiUp} {#snippet apiDownBanner()}
<Banner level="caution" permanent> <Banner level="caution" permanent>
The API is currently unresponsive and some services may not work correctly. The API is currently unresponsive and some services may not work correctly.
{#await api.general.getAbout() then data} {#await api.general.getAbout() then data}
Check the <Button type="text" href={data.status}>status page</Button> for updates. Check the <Button type="text" href={data.status}>status page</Button> for updates.
{/await} {/await}
</Banner> </Banner>
{/if} {/snippet}
{/await}
<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>