Some light styling

GPXViewer/GPXViewer/Views/GPXTrackList.swift

@@ -67,13 +67,34 @@ struct GPXTrackList: View {
   var body: some View {
     List(trackStore.tracks) { track in
       TrackRow(track: track)
+        .cornerRadius(10)
     }
   }
 }
 
+extension Track {
+  init(name: String) {
+    self.title = name
+    self.maxLatitude = 0
+    self.minLatitude = 0
+    self.maxLongitude = 0
+    self.minLongitude = 0
+    self.id = UUID()
+    self.startDate = Date()
+    self.endDate = Date()
+  }
+}
 struct GPXTrackList_Previews: PreviewProvider {
+  static let serviceDataSource: ServiceDataSource = {
+    let serviceDataSource = ServiceDataSource()
+    let track1 = Track(name: "test Track 1")
+    let track2 = Track(name: "test Track 2")
+    serviceDataSource.tracks.append(track1)
+    serviceDataSource.tracks.append(track2)
+    return serviceDataSource
+  }()
   static var previews: some View {
-    GPXTrackList().environmentObject(ServiceDataSource())
+    GPXTrackList().environmentObject(serviceDataSource)
   }
 }
 

GPXViewer/GPXViewer/Views/TrackRow.swift

@@ -8,17 +8,35 @@
 import SwiftUI
 import MapKit
 
+extension Track {
+  var dateDescription: String {
+    let formatter = DateFormatter()
+    formatter.dateStyle = .medium
+    return formatter.string(from: startDate)
+  }
+}
+
 struct TrackRow: View {
   var track: Track
   @EnvironmentObject var trackStore: ServiceDataSource
   var body: some View {
     VStack {
-      Text(track.title)
-        .padding()
-        .frame(alignment: .leading)
+      HStack {
+        Text(track.title)
+          .font(.headline)
+          .fixedSize(horizontal: false, vertical: true)
+        Spacer()
+      }
+      HStack {
+        Text(track.dateDescription).font(.body)
+        Spacer()
+      }
       MapBoxMapView(track: track, trackStore: trackStore)
         .frame(width: nil, height: 300, alignment: .center)
+    }.alignmentGuide(.leading) { x in
+      return 5
     }
+
   }
 }