Files
Sportstime/SportsTime/Features/Trip/Views/ItineraryRows/CustomItemRow.swift
Trey t d63d311cab feat: add WCAG AA accessibility app-wide, fix CloudKit container config, remove debug logs
- Add VoiceOver labels, hints, and element grouping across all 60+ views
- Add Reduce Motion support (Theme.Animation.prefersReducedMotion) to all animations
- Replace fixed font sizes with semantic Dynamic Type styles
- Hide decorative elements from VoiceOver with .accessibilityHidden(true)
- Add .minimumHitTarget() modifier ensuring 44pt touch targets
- Add AccessibilityAnnouncer utility for VoiceOver announcements
- Improve color contrast values in Theme.swift for WCAG AA compliance
- Extract CloudKitContainerConfig for explicit container identity
- Remove PostHog debug console log from AnalyticsManager

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-11 09:27:23 -06:00

82 lines
2.3 KiB
Swift

//
// CustomItemRow.swift
// SportsTime
//
// Row view for displaying custom user-added items in the itinerary.
// Minimal styling with drag handle for reordering.
//
import SwiftUI
struct CustomItemRow: View {
let item: ItineraryItem
let onTap: () -> Void
@Environment(\.colorScheme) private var colorScheme
private var customInfo: CustomInfo? {
item.customInfo
}
var body: some View {
Button(action: onTap) {
HStack(spacing: Theme.Spacing.md) {
// Drag handle
Image(systemName: "line.3.horizontal")
.font(.title3)
.foregroundStyle(Theme.textMuted(colorScheme))
.accessibilityLabel("Drag to reorder")
// Icon and Title
if let info = customInfo {
Text(info.icon)
.font(.title3)
.accessibilityHidden(true)
Text(info.title)
.font(.body)
.foregroundStyle(Theme.textPrimary(colorScheme))
}
Spacer()
// Time (if set)
if let time = customInfo?.time {
Text(time.formatted(.dateTime.hour().minute()))
.font(.caption)
.foregroundStyle(Theme.textSecondary(colorScheme))
}
}
.padding(.vertical, Theme.Spacing.sm)
.padding(.horizontal, Theme.Spacing.md)
.accessibilityElement(children: .combine)
}
.buttonStyle(.plain)
}
}
#Preview {
let customInfo = CustomInfo(
title: "Dinner at Pizzeria",
icon: "\u{1F355}",
time: Date()
)
let item = ItineraryItem(
tripId: UUID(),
day: 1,
sortOrder: 2.0,
kind: .custom(customInfo)
)
VStack(spacing: 16) {
CustomItemRow(item: item, onTap: {})
// Without time
let noTimeInfo = CustomInfo(title: "Visit Museum", icon: "\u{1F3DB}", time: nil)
let noTimeItem = ItineraryItem(tripId: UUID(), day: 1, sortOrder: 3.0, kind: .custom(noTimeInfo))
CustomItemRow(item: noTimeItem, onTap: {})
}
.padding()
.background(Color.gray.opacity(0.1))
}