From da5ce7da1d4e25742ff9c71bb6666efde6d0b392 Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <business@jeanlucmakiola.de>
Date: Sun, 12 Apr 2026 22:35:59 +0200
Subject: [PATCH] fix(F-06): auto-open crop editor after image upload on item
 detail

Added onCropChange and dominantColor props to ImageUpload in the item
detail page, so the crop editor opens automatically after uploading
a new image.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/client/routes/items/$itemId.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/client/routes/items/$itemId.tsx b/src/client/routes/items/$itemId.tsx
index 8ce27de..3ac938c 100644
--- a/src/client/routes/items/$itemId.tsx
+++ b/src/client/routes/items/$itemId.tsx
@@ -273,9 +273,18 @@ function ItemDetail() {
 					<ImageUpload
 						value={form.imageFilename}
 						imageUrl={imageUrl}
+						dominantColor={item.dominantColor}
 						onChange={(filename) =>
 							setForm((f) => ({ ...f, imageFilename: filename }))
 						}
+						onCropChange={(crop) => {
+							updateItem.mutate({
+								id: item.id,
+								cropZoom: crop.zoom,
+								cropX: crop.x,
+								cropY: crop.y,
+							});
+						}}
 					/>
 				</div>
 			) : editingCrop && imageUrl ? (