1
0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-02-09 01:29:17 +00:00
Files
pocket-id/frontend/src/lib/components/error.svelte
2025-05-07 16:43:24 +02:00

17 lines
604 B
Svelte

<script lang="ts">
import { Button } from '$lib/components/ui/button';
import { m } from '$lib/paraglide/messages';
import { LucideXCircle } from 'lucide-svelte';
let { message, showButton = true }: { message: string; showButton?: boolean } = $props();
</script>
<div class="mt-[20%] flex flex-col items-center">
<LucideXCircle class="text-muted-foreground h-12 w-12" />
<h1 class="mt-3 text-2xl font-semibold">{m.something_went_wrong()}</h1>
<p class="text-muted-foreground">{message}</p>
{#if showButton}
<Button size="sm" class="mt-5" href="/">{m.go_back_to_home()}</Button>
{/if}
</div>