Skip to content

Add stock picture selection when creating rental items - #2

Merged
Rotorsoft merged 1 commit into
masterfrom
ro/feature-1-add-stock-picture-selection-when-creatin
Jan 14, 2026
Merged

Add stock picture selection when creating rental items#2
Rotorsoft merged 1 commit into
masterfrom
ro/feature-1-add-stock-picture-selection-when-creatin

Conversation

@Rotorsoft

Copy link
Copy Markdown
Owner

Summary

  • Add stock picture selection UI when creating rental items, featuring a responsive grid of 10 curated equipment images with animated hover effects and selection states using brand colors
  • Extend domain model to support imageUrl field in state schema, ItemCreated event, and CreateItem action following the existing event sourcing pattern
  • Display selected images in item details view (full-size with styled container) and inventory list (thumbnails), with graceful fallback styling for items without images

Test Plan

  • Verify domain unit tests pass: imageUrl is correctly stored in state after CreateItem action
  • Verify API integration tests pass: createItem mutation accepts and returns imageUrl
  • Manually test picture picker displays grid of stock images with hover animations
  • Confirm selected picture shows visual indicator (purple border, checkmark overlay)
  • Verify selected image appears in item details page after creation
  • Check thumbnails display correctly in inventory list
  • Confirm items without images show appropriate placeholder styling
  • Run full test suite: pnpm test

Closes #1


Created with Claude by gent

Add optional imageUrl field to rental item domain model and create
a compact stock picture picker for the create item form.

Features:
- Compact icon button positioned next to item name input
- Dropdown with 100 curated equipment images
- Local search/filter by name and category
- Category chips for quick filtering
- No API key required - works out of the box
- Images displayed as thumbnails in inventory list
- Full-size image display in item detail view

Completed GitHub issue #1

Co-Authored-By: Claude <noreply@anthropic.com>
@Rotorsoft Rotorsoft self-assigned this Jan 14, 2026
@Rotorsoft
Rotorsoft merged commit 9f085ea into master Jan 14, 2026
1 check passed
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.

Add stock picture selection when creating rental items

1 participant