forked from Cookies_Github_mirror/AquaDX
40 lines
864 B
Svelte
40 lines
864 B
Svelte
<script lang="ts">
|
|
import { fade } from "svelte/transition";
|
|
import { t } from "../../libs/i18n";
|
|
import { DISCORD_INVITE } from "../../libs/config";
|
|
|
|
export let error: string;
|
|
export let expected: boolean = false;
|
|
</script>
|
|
|
|
<div class="overlay" transition:fade>
|
|
<div>
|
|
<h2 class="error">{t('status.error')}</h2>
|
|
{#if !expected}
|
|
<span>{t('status.error.hint')}<a href={DISCORD_INVITE}>{t('status.error.hint.link')}</a></span>
|
|
{/if}
|
|
<span class="detail">{error}</span>
|
|
|
|
<div class="actions">
|
|
<button on:click={() => location.reload()} class="error">
|
|
{t('action.refresh')}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style lang="sass">
|
|
.actions
|
|
display: flex
|
|
gap: 16px
|
|
|
|
button
|
|
width: 100%
|
|
|
|
.detail
|
|
white-space: pre-line
|
|
font-size: 0.9em
|
|
line-height: 1.2
|
|
opacity: 0.8
|
|
</style>
|