appview-less bluesky client
1<script lang="ts">
2 import Icon from '@iconify/svelte';
3
4 interface Props {
5 error: string;
6 onRetry: () => void;
7 }
8
9 let { error, onRetry }: Props = $props();
10</script>
11
12<div class="flex flex-col gap-4 py-4">
13 <p class="text-xl opacity-80">
14 <span class="text-4xl">x_x</span> <br />
15 {error}
16 </p>
17 <div>
18 <button class="flex action-button items-center gap-2" onclick={onRetry}>
19 <Icon class="h-6 w-6" icon="heroicons:arrow-path-16-solid" /> try again
20 </button>
21 </div>
22</div>