pantry-app/pantry
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create and integrate tag components (#26 #27 #28 #29) #52

Merged
makiolaj merged 2 commits from feature/issue-26-27-tag-components into develop 2026-02-24 00:05:59 +00:00
Conversation 0 Commits 2 Files Changed 4
+204 -81
makiolaj commented 2026-02-24 00:05:56 +00:00
Owner
Copy Link
Copy Source

Complete tag display and selection system.

New Components

TagBadge (#26)

  • Display tag with icon, name, custom color
  • Automatic contrast text color (light/dark backgrounds)
  • Optional removable with X button
  • Configurable sizes (sm/md/lg)

TagPicker (#27)

  • Multi-select tags organized by category
  • Visual feedback for selected state
  • Two-way binding with v-model
  • Position category prioritized
  • Loading states

Integration

AddItemForm (#28)

  • Replaced custom tag UI with TagPicker
  • Simplified code (-80 lines)
  • Cleaner, more maintainable

InventoryList (#29)

  • Use TagBadge in InventoryCard
  • Consistent tag display
  • Better readability with contrast colors

Result

4 issues completed in single cohesive PR!

Closes #26, #27, #28, #29

Complete tag display and selection system. ## New Components ### TagBadge (#26) - Display tag with icon, name, custom color - Automatic contrast text color (light/dark backgrounds) - Optional removable with X button - Configurable sizes (sm/md/lg) ### TagPicker (#27) - Multi-select tags organized by category - Visual feedback for selected state - Two-way binding with v-model - Position category prioritized - Loading states ## Integration ### AddItemForm (#28) - Replaced custom tag UI with TagPicker - Simplified code (-80 lines) - Cleaner, more maintainable ### InventoryList (#29) - Use TagBadge in InventoryCard - Consistent tag display - Better readability with contrast colors ## Result 4 issues completed in single cohesive PR! Closes #26, #27, #28, #29
makiolaj added 2 commits 2026-02-24 00:05:57 +00:00
feat: create TagBadge and TagPicker components (#26 #27) 6b1c34ceff 
TagBadge:
- Display tag with icon, name, color
- Automatic contrast text color (light/dark)
- Optional removable with X button
- Configurable size (sm/md/lg)

TagPicker:
- Select multiple tags by category
- Visual feedback for selected tags
- Category-based organization
- Position category prioritized
- Two-way binding with v-model

Closes #26, #27
feat: integrate TagBadge and TagPicker in inventory (#28 #29)
Deploy to Coolify / Code Quality (pull_request) Has been cancelled
Details
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Details
Pull Request Checks / Validate PR (pull_request) Has been cancelled
Details
080d2424c8 
Issue #28 - Tag assignment in AddItemForm:
- Replace custom tag selection with TagPicker component
- Simplified code (removed manual tag state management)
- Cleaner UI with reusable component

Issue #29 - Display tags in InventoryList:
- Replace UBadge with TagBadge in InventoryCard
- Automatic contrast color for readability
- Consistent tag display across app

Closes #28, #29
makiolaj merged commit 12c5304638 into develop 2026-02-24 00:05:59 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
backend
Backend (Supabase/Edge Functions)
 database
Database (Schema/Migrations)
 frontend
Frontend (Nuxt/Vue)
 infrastructure
Infrastructure (Docker/Coolify)
 mvp
Required for MVP (v0.1)
 week-1
Week 1: Foundation
 week-2
Week 2: Core Inventory
 week-3
Week 3: Barcode Scanning
 week-4
Week 4: Tag System
 week-5
Week 5: PWA & Offline
 week-6
Week 6: Deployment
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
makiolaj (Jean-Luc Makiola)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: pantry-app/pantry#52