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
parent 16162d80f4
commit 7359eba946
2 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -88,15 +88,17 @@
{/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) -->
<div style="padding: 10px 12px 6px; border-bottom: 1px solid var(--color-border);"> {#if !replacingRecipe}
<p style="font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--color-text); margin: 0;"> <div style="padding: 10px 12px 6px; border-bottom: 1px solid var(--color-border);">
Rezept wählen <p style="font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--color-text); margin: 0;">
</p> Rezept wählen
<p style="font-size: 11px; color: var(--color-text-muted); margin: 2px 0 0;"> </p>
{dateLabel} <p style="font-size: 11px; color: var(--color-text-muted); margin: 2px 0 0;">
</p> {dateLabel}
</div> </p>
</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();