marcel/familienarchiv
1
0
Fork 0
Code Issues 119 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(journey-editor): render empty-state message when items list is empty

Browse Source 
Previously the item list area was blank when no items had been added.
The empty-state paragraph uses the existing journey_empty_state i18n key.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-09 14:44:07 +02:00
parent a5754162ce
commit 573e5c43d7
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/lib/geschichte/JourneyEditor.svelte
View File

@@ -244,6 +244,9 @@ async function save(nextStatus: 'DRAFT' | 'PUBLISHED') {
onpointerup={() => dragDrop.handlePointerUp()} onpointerup={() => dragDrop.handlePointerUp()}
class="flex flex-col gap-2" class="flex flex-col gap-2"
> >
{#if items.length === 0}
<p class="font-sans text-sm text-ink-3">{m.journey_empty_state()}</p>
{/if}
{#each items as item, i (item.id)} {#each items as item, i (item.id)}
<!-- svelte-ignore a11y_no_static_element_interactions --> <!-- svelte-ignore a11y_no_static_element_interactions -->
<div <div

5
frontend/src/lib/geschichte/JourneyEditor.svelte.spec.ts
View File

@@ -55,6 +55,11 @@ describe('JourneyEditor — empty state', () => {
render(JourneyEditor, defaultProps()); render(JourneyEditor, defaultProps());
await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).toBeDisabled(); await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).toBeDisabled();
}); });
it('shows empty state message when items list is empty', async () => {
render(JourneyEditor, defaultProps());
await expect.element(page.getByText('Diese Lesereise ist noch leer.')).toBeInTheDocument();
});
}); });
describe('JourneyEditor — items in position order', () => { describe('JourneyEditor — items in position order', () => {