grain.social is a photo sharing platform built on atproto.
grain.social
atproto
photography
appview
feat: customizable empty text for GalleryGrid; favorites tab uses it
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+4
-2
+3
-1
app/lib/components/organisms/GalleryGrid.svelte
+3
-1
app/lib/components/organisms/GalleryGrid.svelte
···
10
10
let {
11
11
items,
12
12
loading = false,
13
+
emptyText = 'No galleries yet.',
13
14
}: {
14
15
items: GalleryView[]
15
16
loading?: boolean
17
+
emptyText?: string
16
18
} = $props()
17
19
18
20
function thumb(gallery: GalleryView): string | undefined {
···
32
34
{/each}
33
35
</div>
34
36
{:else if items.length === 0}
35
-
<div class="empty-state">No galleries yet.</div>
37
+
<div class="empty-state">{emptyText}</div>
36
38
{:else}
37
39
<div class="grid">
38
40
{#each items as gallery (gallery.uri)}
+1
-1
app/routes/profile/[did]/+page.svelte
+1
-1
app/routes/profile/[did]/+page.svelte
···
147
147
{#if viewMode === 'stories' && isOwnProfile}
148
148
<StoryArchive {did} />
149
149
{:else if viewMode === 'favorites' && isOwnProfile}
150
-
<GalleryGrid items={favorites.data?.items ?? []} loading={favorites.isLoading} />
150
+
<GalleryGrid items={favorites.data?.items ?? []} loading={favorites.isLoading} emptyText="No favorites yet." />
151
151
{:else}
152
152
<GalleryGrid items={feed.data?.items ?? []} loading={feed.isLoading} />
153
153
{/if}