- Add UserFavorites MongoDB model with ObjectId references - Create authenticated API endpoints for favorites management - Add Heart icon and FavoriteButton components with toggle functionality - Display favorite button below recipe tags for logged-in users - Add Favoriten navigation link (visible only when authenticated) - Create favorites page with grid layout and search functionality - Store favorites by MongoDB ObjectId for data integrity 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
26 lines
702 B
Svelte
26 lines
702 B
Svelte
<script>
|
|
import Header from '$lib/components/Header.svelte'
|
|
import UserHeader from '$lib/components/UserHeader.svelte';
|
|
export let data
|
|
let user;
|
|
if(data.session){
|
|
user = data.session.user
|
|
}
|
|
</script>
|
|
|
|
<Header>
|
|
<ul class=site_header slot=links>
|
|
<li><a href="/rezepte">Alle Rezepte</a></li>
|
|
{#if user}
|
|
<li><a href="/rezepte/favorites">Favoriten</a></li>
|
|
{/if}
|
|
<li><a href="/rezepte/season">In Saison</a></li>
|
|
<li><a href="/rezepte/category">Kategorie</a></li>
|
|
<li><a href="/rezepte/icon">Icon</a></li>
|
|
<li><a href="/rezepte/tag">Stichwörter</a></li>
|
|
<li><a href="/rezepte/tips-and-tricks">Tipps</a></li>
|
|
</ul>
|
|
<UserHeader slot=right_side {user}></UserHeader>
|
|
<slot></slot>
|
|
</Header>
|