feat(trip): redesign add custom item UI with polished visuals

Replace confusing dual-mode AddItemSheet with streamlined QuickAddItemSheet:
- Single flow with optional location (vs Search/Custom toggle)
- Card-based layout with shadows, borders, and theme colors
- Enhanced CategoryPicker with emoji circles and press animations
- Separate PlaceSearchSheet for focused location search
- Improved header button with capsule style and accessibility labels

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-01-19 10:49:13 -06:00
parent e72da7c5a7
commit 1b0abe2cc1
6 changed files with 992 additions and 11 deletions

View File

@@ -1059,17 +1059,16 @@ struct DaySectionHeaderView: View {
Spacer()
// Add button (right-aligned)
// Add button (right-aligned, bordered capsule for discoverability)
Button(action: onAddTapped) {
HStack(spacing: Theme.Spacing.xs) {
Image(systemName: "plus.circle.fill")
.foregroundStyle(Theme.warmOrange.opacity(0.6))
Text("Add")
.font(.subheadline)
.foregroundStyle(Theme.textMuted(colorScheme))
}
Label("Add", systemImage: "plus")
.font(.subheadline.weight(.medium))
}
.buttonStyle(.plain)
.buttonStyle(.bordered)
.buttonBorderShape(.capsule)
.tint(Theme.warmOrange)
.accessibilityLabel("Add item to Day \(dayNumber)")
.accessibilityHint("Add restaurants, activities, or notes to this day")
}
.padding(.horizontal, Theme.Spacing.lg)
.padding(.top, Theme.Spacing.lg) // More space above for section separation