Repo created

iphone/Maps/CoMapsWidgetExtension/LiveActivity/TrackRecordingLiveActivityView.swift

@@ -0,0 +1,73 @@
+import SwiftUI
+import WidgetKit
+
+#if canImport(ActivityKit)
+
+struct TrackRecordingLiveActivityView: View {
+  let state: TrackRecordingLiveActivityAttributes.ContentState
+
+  var body: some View {
+    VStack(alignment: .leading, spacing: 12) {
+      HStack(alignment: .top, spacing: 24) {
+        StatisticValueView(state.duration.value)
+        StatisticValueView(state.distance.value)
+        Spacer()
+        AppLogo()
+          .frame(width: 20, height: 20)
+      }
+      .padding([.top, .leading, .trailing], 16)
+      HStack(alignment: .top, spacing: 20) {
+        StatisticDetailView(title: state.ascent.value, subtitle: state.ascent.key)
+        StatisticDetailView(title: state.descent.value, subtitle: state.descent.key)
+        StatisticDetailView(title: state.maxElevation.value, subtitle: state.maxElevation.key)
+        StatisticDetailView(title: state.minElevation.value, subtitle: state.minElevation.key)
+      }
+      .padding([.leading, .trailing, .bottom], 16)
+    }
+    .activityBackgroundTint(.black.opacity(0.2))
+    // Uncomment the line below to simulate the background color in Preview because the `activityBackgroundTint` can only displayed on the device or simulator.
+    //.background(.black.opacity(0.85))
+  }
+}
+
+#if DEBUG
+struct TrackRecordingLiveActivityWidget_Previews: PreviewProvider {
+  static var previews: some View {
+    Group {
+      let activityAttributes = TrackRecordingLiveActivityAttributes()
+      let activityState = TrackRecordingLiveActivityAttributes.ContentState(
+        duration: .init(
+          key: "Duration",
+          value: "1h 12min"
+        ),
+        distance: .init(
+          key: "Distance",
+          value: "12 km"
+        ),
+        ascent: .init(
+          key: "Ascent",
+          value: "100 m"
+        ),
+        descent: .init(
+          key: "Descent",
+          value: "100 m"
+        ),
+        maxElevation: .init(
+          key: "Max Elevation",
+          value: "100 m"
+        ),
+        minElevation: .init(
+          key: "Min Elevation",
+          value: "10 m"
+        )
+      )
+
+      activityAttributes
+        .previewContext(activityState, viewKind: .content)
+        .previewDisplayName("Notification")
+    }
+  }
+}
+#endif
+
+#endif