marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(planner): hide RecipePicker inner header in swap context

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel Raddatz
2026-04-09 15:02:56 +02:00
committed by marcel
parent d139e5e28c
commit 3b829325f2
2 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/planner/RecipePicker.svelte
View File

@@ -88,7 +88,8 @@
{/snippet} {/snippet}
<div style="background: var(--color-page); font-family: var(--font-sans);"> <div style="background: var(--color-page); font-family: var(--font-sans);">
<!-- Header --> <!-- Header (hidden in swap context — the panel/sheet title already provides context) -->
{#if !replacingRecipe}
<div style="padding: 10px 12px 6px; border-bottom: 1px solid var(--color-border);"> <div style="padding: 10px 12px 6px; border-bottom: 1px solid var(--color-border);">
<p style="font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--color-text); margin: 0;"> <p style="font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--color-text); margin: 0;">
Rezept wählen Rezept wählen
@@ -97,6 +98,7 @@
{dateLabel} {dateLabel}
</p> </p>
</div> </div>
{/if}
<!-- Wird ersetzt banner (swap context) --> <!-- Wird ersetzt banner (swap context) -->
{#if replacingRecipe} {#if replacingRecipe}

10
frontend/src/lib/planner/RecipePicker.test.ts
View File

@@ -186,6 +186,16 @@ describe('RecipePicker', () => {
expect(screen.queryByText(/Wird ersetzt/i)).toBeNull(); expect(screen.queryByText(/Wird ersetzt/i)).toBeNull();
}); });
it('hides Rezept wählen header when replacingRecipe is set', () => {
render(RecipePicker, { props: { ...baseProps, replacingRecipe: { name: 'Pasta' } } });
expect(screen.queryByText(/Rezept wählen/i)).toBeNull();
});
it('shows Rezept wählen header when replacingRecipe is not set', () => {
render(RecipePicker, { props: baseProps });
expect(screen.getByText(/Rezept wählen/i)).toBeTruthy();
});
it('excludes recipe from Alle Rezepte when excludeRecipeId is set', () => { it('excludes recipe from Alle Rezepte when excludeRecipeId is set', () => {
render(RecipePicker, { props: { ...baseProps, excludeRecipeId: 'r2' } }); render(RecipePicker, { props: { ...baseProps, excludeRecipeId: 'r2' } });
expect(screen.queryByText('Spaghetti Carbonara')).toBeNull(); expect(screen.queryByText('Spaghetti Carbonara')).toBeNull();