diff --git a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte index 673ba7ec..703ad0b3 100644 --- a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte +++ b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte @@ -33,7 +33,7 @@ const { drafts }: Props = $props(); class="flex min-h-[44px] items-center justify-between border-b border-line/50 px-3 py-1.5 last:border-b-0 hover:bg-muted focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none" > - {draft.title} + {draft.title} {m.dashboard_reader_draft_meta({ relative: relativeTimeDe(new Date(draft.updatedAt)) })} diff --git a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts index 44a8e43a..0da32564 100644 --- a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts +++ b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts @@ -73,11 +73,11 @@ describe('ReaderDraftsModule', () => { expect(cls).toMatch(/min-h-\[44px\]/); }); - it('draft title has text-brand-navy class', async () => { + it('draft title has text-ink class', async () => { render(ReaderDraftsModule, { drafts: [draft1] }); const link = page.getByRole('link', { name: /Mein erster Entwurf/ }); const el = (await link.element()) as HTMLElement; - const titleEl = el.querySelector('[class*="text-brand-navy"]'); + const titleEl = el.querySelector('[class*="text-ink"]'); expect(titleEl).not.toBeNull(); expect(titleEl?.textContent?.trim()).toBe('Mein erster Entwurf'); }); diff --git a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte index 234b69fd..7d94ab56 100644 --- a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte +++ b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte @@ -24,12 +24,10 @@ const timeLabel = $derived.by(() => { >
- + {timeLabel} - + {m.dashboard_welcome({ name })}
@@ -45,9 +43,7 @@ const timeLabel = $derived.by(() => { href="/documents" class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none" > - {documents ?? '—'} + {documents ?? '—'} { href="/persons" class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none" > - {persons ?? '—'} + {persons ?? '—'} { href="/geschichten" class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none" > - {stories ?? '—'} + {stories ?? '—'} { expect(text?.match(/—/g)?.length).toBeGreaterThanOrEqual(3); }); - it('time label uses text-brand-navy class for morning hour', async () => { + it('time label uses text-ink class for morning hour', async () => { render(ReaderHeaderBar, { name: 'Anna', documents: 1, persons: 1, stories: 1, hour: 8 }); const timeLabel = page.getByText(/Morgen/i); await expect.element(timeLabel).toBeInTheDocument(); const cls = ((await timeLabel.element()) as HTMLElement).className; - expect(cls).toMatch(/text-brand-navy/); + expect(cls).toMatch(/\btext-ink\b/); }); it('shows afternoon label for hour 14', async () => { diff --git a/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte b/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte index e91a4310..785fbe9a 100644 --- a/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte +++ b/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte @@ -45,7 +45,7 @@ const { persons }: Props = $props();
{p.displayName ?? p.lastName} {p.documentCount ?? 0} diff --git a/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte index 8d1b3e64..e8fc0aee 100644 --- a/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte +++ b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte @@ -61,7 +61,7 @@ function isNew(doc: Document): boolean { {doc.title} {#if isNew(doc)} {m.dashboard_badge_new()} diff --git a/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.spec.ts b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.spec.ts index f12f09f1..e3f7b3e8 100644 --- a/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.spec.ts +++ b/frontend/src/lib/shared/dashboard/ReaderRecentDocs.svelte.spec.ts @@ -95,7 +95,7 @@ describe('ReaderRecentDocs', () => { const cls = ((await badge.element()) as HTMLElement).className; expect(cls).toMatch(/bg-mint-soft/); expect(cls).toMatch(/rounded-full/); - expect(cls).toMatch(/text-brand-navy/); + expect(cls).toMatch(/\btext-ink\b/); }); it('shows no badge when updatedAt differs from createdAt', async () => {