d63d311cab
- 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>
100 lines
3.1 KiB
Swift
100 lines
3.1 KiB
Swift
//
|
|
// TravelItemRow.swift
|
|
// SportsTime
|
|
//
|
|
// Row view for displaying travel segments in the itinerary.
|
|
// Uses gold/amber styling and includes a drag handle for reordering.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct TravelItemRow: View {
|
|
let item: ItineraryItem
|
|
let isHighlighted: Bool
|
|
|
|
@Environment(\.colorScheme) private var colorScheme
|
|
|
|
private var travelInfo: TravelInfo? {
|
|
item.travelInfo
|
|
}
|
|
|
|
var body: some View {
|
|
HStack(spacing: Theme.Spacing.md) {
|
|
// Drag handle
|
|
Image(systemName: "line.3.horizontal")
|
|
.font(.title3)
|
|
.foregroundStyle(Theme.textMuted(colorScheme))
|
|
.accessibilityLabel("Drag to reorder")
|
|
|
|
// Car icon
|
|
ZStack {
|
|
Circle()
|
|
.fill(Theme.routeGold.opacity(0.2))
|
|
.frame(width: 36, height: 36)
|
|
|
|
Image(systemName: "car.fill")
|
|
.font(.body)
|
|
.foregroundStyle(Theme.routeGold)
|
|
}
|
|
.accessibilityHidden(true)
|
|
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
if let info = travelInfo {
|
|
Text("\(info.fromCity) \u{2192} \(info.toCity)")
|
|
.font(.body)
|
|
.foregroundStyle(Theme.textPrimary(colorScheme))
|
|
.accessibilityLabel("\(info.fromCity) to \(info.toCity)")
|
|
|
|
HStack(spacing: Theme.Spacing.xs) {
|
|
if !info.formattedDistance.isEmpty {
|
|
Text(info.formattedDistance)
|
|
.font(.caption)
|
|
}
|
|
if !info.formattedDistance.isEmpty && !info.formattedDuration.isEmpty {
|
|
Text("\u{2022}")
|
|
.accessibilityHidden(true)
|
|
}
|
|
if !info.formattedDuration.isEmpty {
|
|
Text(info.formattedDuration)
|
|
.font(.caption)
|
|
}
|
|
}
|
|
.foregroundStyle(Theme.textSecondary(colorScheme))
|
|
}
|
|
}
|
|
|
|
Spacer()
|
|
}
|
|
.accessibilityElement(children: .combine)
|
|
.padding(Theme.Spacing.md)
|
|
.background(Theme.cardBackground(colorScheme))
|
|
.clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.medium))
|
|
.overlay {
|
|
RoundedRectangle(cornerRadius: Theme.CornerRadius.medium)
|
|
.strokeBorder(isHighlighted ? Theme.routeGold : Theme.routeGold.opacity(0.3), lineWidth: isHighlighted ? 2 : 1)
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
let travelInfo = TravelInfo(
|
|
fromCity: "Boston",
|
|
toCity: "New York",
|
|
distanceMeters: 350000,
|
|
durationSeconds: 14400
|
|
)
|
|
let item = ItineraryItem(
|
|
tripId: UUID(),
|
|
day: 1,
|
|
sortOrder: 1.0,
|
|
kind: .travel(travelInfo)
|
|
)
|
|
|
|
VStack(spacing: 16) {
|
|
TravelItemRow(item: item, isHighlighted: false)
|
|
TravelItemRow(item: item, isHighlighted: true)
|
|
}
|
|
.padding()
|
|
.background(Color.gray.opacity(0.1))
|
|
}
|