Alexander Bocken
82c71ad136
- Add heart emoji indicators to recipe cards (top-left positioning) - Show favorites across all recipe list pages (season, category, icon, tag) - Create favorites utility functions for server-side data merging - Convert client-side load files to server-side for session access - Redesign favorite button with emoji hearts (🖤/❤️) and bottom-right positioning - Fix randomizer array mutation issue causing card display glitches - Implement consistent favorite indicators with drop shadows for visibility 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
18 lines
735 B
Svelte
18 lines
735 B
Svelte
<script lang="ts">
|
|
import type { PageData } from './$types';
|
|
import Recipes from '$lib/components/Recipes.svelte';
|
|
import IconLayout from '$lib/components/IconLayout.svelte';
|
|
import MediaScroller from '$lib/components/MediaScroller.svelte';
|
|
import Card from '$lib/components/Card.svelte';
|
|
import Search from '$lib/components/Search.svelte';
|
|
export let data: PageData;
|
|
import { rand_array } from '$lib/js/randomize';
|
|
</script>
|
|
<IconLayout icons={data.icons} active_icon={data.icon} >
|
|
<Recipes slot=recipes>
|
|
{#each rand_array(data.season) as recipe}
|
|
<Card {recipe} icon_override=true isFavorite={recipe.isFavorite} showFavoriteIndicator={!!data.session?.user}></Card>
|
|
{/each}
|
|
</Recipes>
|
|
</IconLayout>
|