Skip to content

feat(kitchenhub): searchable ingredient picker for recipe editor - #81

Merged
BrendenWalker merged 1 commit into
mainfrom
feat/kitchenhub-ingredient-picker-modal
Aug 20, 2026
Merged

feat(kitchenhub): searchable ingredient picker for recipe editor#81
BrendenWalker merged 1 commit into
mainfrom
feat/kitchenhub-ingredient-picker-modal

Conversation

@BrendenWalker

Copy link
Copy Markdown
Owner

Summary

  • Replace the KitchenHub recipe ingredient <select> with a searchable picker modal (search, OK/Cancel, Escape/backdrop close).
  • Match existing KitchenHub dialog patterns (overlay card, primary/secondary buttons, portal to document.body).
  • Add unit tests for filter, confirm, and cancel flows.

Test plan

  • Open a recipe, click Edit, click Select ingredient… — modal opens with search focused
  • Type a partial name/details string and confirm the list narrows
  • Select an ingredient and click OK — button shows the chosen label
  • Double-click a row or Enter with a single match — selection confirms and closes
  • Cancel / Escape / backdrop click — closes without changing selection
  • Add ingredient still requires unit and excludes ingredients already on the recipe
  • npx vitest run in kitchenhub/frontend passes

Replace the long ingredient dropdown with a modal that supports search, matching existing KitchenHub dialog patterns.

Co-authored-by: Cursor <cursoragent@cursor.com>
@BrendenWalker
BrendenWalker force-pushed the feat/kitchenhub-ingredient-picker-modal branch from 8b62c1f to e5b9a6d Compare August 20, 2026 00:28
@BrendenWalker
BrendenWalker merged commit 4fb1960 into main Aug 20, 2026
22 checks passed
@BrendenWalker
BrendenWalker deleted the feat/kitchenhub-ingredient-picker-modal branch August 20, 2026 00:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant