CHanging the Record button image and putting the end marker earlier t…

…o address Azure-Samples#507

src/MobileApps/MyDriving/MyDriving.UWP/Views/CurrentTripView.xaml.cs

@@ -267,22 +267,22 @@ private async void StartRecordBtn_Click(object sender, RoutedEventArgs e)
             {
                 // Need to update Map UI before we start saving. So that the entire trip is visible. 
                 UpdateMap_PositionChanged(basicGeoposition);
+
+                // Changing the record button icon and andding end marker earlier to notify user about the stop process. 
+                recordButtonImage = new BitmapImage(new Uri("ms-appx:///Assets/StartRecord.png", UriKind.Absolute));
+                OnPropertyChanged(nameof(RecordButtonImage));
+                AddEndMarker(basicGeoposition);
 
                 if (!await ViewModel.StopRecordingTrip())
                 {
                     recordButtonIsBusy = false;
                     return;
                 }
 
-                // Need to add the end marker only when we are able to stop the trip. 
-                AddEndMarker(basicGeoposition);
+                await ViewModel.SaveRecordingTripAsync();
 
-                recordButtonImage = new BitmapImage(new Uri("ms-appx:///Assets/StartRecord.png", UriKind.Absolute));
-                OnPropertyChanged(nameof(RecordButtonImage));
                 var recordedTripSummary = ViewModel.TripSummary;
-                await ViewModel.SaveRecordingTripAsync();
                 // Launch Trip Summary Page. 
-
                 Frame.Navigate(typeof(TripSummaryView), recordedTripSummary);
             }
             else