aboutsummaryrefslogtreecommitdiff
path: root/src/routes/groceries/+page.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/routes/groceries/+page.svelte')
-rw-r--r--src/routes/groceries/+page.svelte22
1 files changed, 2 insertions, 20 deletions
diff --git a/src/routes/groceries/+page.svelte b/src/routes/groceries/+page.svelte
index 3646ba7..b134da7 100644
--- a/src/routes/groceries/+page.svelte
+++ b/src/routes/groceries/+page.svelte
@@ -3,7 +3,7 @@
import { goto } from '$app/navigation';
import { enhance } from '$app/forms';
import FuzzyAutocomplete from '$lib/components/FuzzyAutocomplete.svelte';
- import BestRef from '$lib/components/BestRef.svelte';
+ import GroceryRow from '$lib/components/GroceryRow.svelte';
import { groupByCategory } from '$lib/shared/group-by-category';
import type { EnrichedGrocery } from '$lib/server/services/groceries';
@@ -96,25 +96,7 @@
<h3 class="category-name">{cat}</h3>
<ul class="item-list">
{#each items as item (item.id)}
- <li class="item-row item-row--fixed">
- <button
- class="item-btn item-btn--grow"
- name="id"
- value={item.id}
- type="submit"
- aria-pressed={item.checked}
- >
- <span class="item-text">
- {item.name}
- {#if item.bestRef}
- <BestRef ref={item.bestRef} />
- {/if}
- </span>
- </button>
- <a class="ref-link" href="/grocery/{item.id}?from=/groceries"
- >&rarr;</a
- >
- </li>
+ <GroceryRow {item} from="/groceries" />
{/each}
</ul>
{/each}