desertthunder.dev
search and/or read your saved and liked bluesky posts
wails
go
svelte
sqlite
desktop
bluesky
1<script lang="ts">
2 import { fade } from "svelte/transition";
3
4 let { onRefresh }: { onRefresh: () => void } = $props();
5</script>
6
7<div transition:fade={{ duration: 300 }} class="flex h-full flex-col items-center justify-center p-8 text-center">
8 <div class="mb-6">
9 <span class="text-muted mx-auto mb-4 flex items-center">
10 <i class="i-ri-inbox-archive-fill text-2xl"></i>
11 </span>
12 </div>
13
14 <h2 class="text-bright mb-2 font-serif text-2xl">No posts indexed</h2>
15
16 <p class="text-muted mb-6 max-w-md font-sans">
17 Your Bluesky bookmarks and likes haven't been indexed yet. Click the button below to start indexing your posts.
18 </p>
19
20 <button
21 onclick={onRefresh}
22 class="bg-surface border-outline hover:bg-outline text-bright flex items-center gap-2 rounded-lg border px-6 py-3 font-sans transition-colors">
23 <i class="i-ri-refresh-line h-5 w-5"></i>
24 <span>Refresh Data</span>
25 </button>
26</div>