Share grocery row component and list-page form actions

- GroceryRow.svelte renders the toggle row (checkbox, name, best ref,
  arrow link) for both the list and catalog pages
- grocery-actions.ts grows full form actions: addCategoryAction,
  addGroceryAction, addGroceryAndEditAction, deleteByIdAction; the
  categories/groceries route servers become thin wrappers

1 files changed, 3 insertions, 10 deletions

diff --git a/src/routes/grocery/[id]/+page.server.ts b/src/routes/grocery/[id]/+page.server.ts
index e1e2751..656e19c 100644
--- a/src/routes/grocery/[id]/+page.server.ts
+++ b/src/routes/grocery/[id]/+page.server.ts
@@ -9,6 +9,7 @@ import {
 	deleteReference,
 } from '$lib/server/services/references';
 import { updateGrocery, deleteGrocery } from '$lib/server/services/groceries';
+import { deleteByIdAction } from '$lib/server/services/grocery-actions';
 import {
 	numericId,
 	parseFormString,
@@ -68,16 +69,8 @@ export const actions: Actions = {
 		return { success: true, type: 'add' as const };
 	},
 
-	delete: async ({ request }) => {
-		const data = await request.formData();
-		try {
-			const id = numericId(data.get('id'));
-			await deleteReference(id);
-		} catch {
-			return fail(400, { error: 'ID invalide' });
-		}
-		return { success: true, type: 'delete' as const };
-	},
+	delete: ({ request }) =>
+		deleteByIdAction(request, deleteReference, { type: 'delete' }),
 
 	update: async ({ request, params }) => {
 		const data = await request.formData();