[Building Sync-ups Tutorial] fixes in "Record meeting" chapter (pointfreeco#3582)

* refactor: remove unused preview and comments in tutorial

* refactor: update foreground color to foreground style

Change foregroundColor to foregroundStyle. Update the delete button to use a destructive role.

* refactor: update foreground color to foreground style

* refactor: use withLock for modifying shared syncUp

and add missing Foundation import

* discard the result of inserting a meeting to avoid compilation warning

* refactor: update code to use withLock wherever needed

* refactor(tests): update meeting insertion using withLock

Author: FredericRuaudel

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0001-previous.swift

@@ -48,7 +48,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0001.swift

@@ -49,7 +49,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0002.swift

@@ -64,7 +64,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0003.swift

@@ -65,7 +65,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0004.swift

@@ -68,7 +68,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0005.swift

@@ -69,7 +69,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0006.swift

@@ -73,7 +73,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0007.swift

@@ -74,7 +74,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0008.swift

@@ -78,7 +78,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/08-RecordMeeting/ImplementingTimer-01-code-0009.swift

@@ -1,4 +1,5 @@
 import ComposableArchitecture
+import Foundation
 
 @Reducer
 struct RecordMeeting {
@@ -43,10 +44,12 @@ struct RecordMeeting {
         let secondsPerAttendee = Int(state.syncUp.durationPerAttendee.components.seconds)
         if state.secondsElapsed.isMultiple(of: secondsPerAttendee) {
           if state.secondsElapsed == state.syncUp.duration.components.seconds {
-            state.syncUp.meetings.insert(
-              Meeting(id: Meeting.ID(), date: Date(), transcript: state.transcript),
-              at: 0
-            )
+            state.$syncUp.withLock {
+              _ = $0.meetings.insert(
+                Meeting(id: Meeting.ID(), date: Date(), transcript: state.transcript),
+                at: 0
+              )
+            }
           }
           state.speakerIndex += 1
         }
@@ -84,7 +87,7 @@ struct RecordMeetingView: View {
       }
     }
     .padding()
-    .foregroundColor(store.syncUp.theme.accentColor)
+    .foregroundStyle(store.syncUp.theme.accentColor)
     .navigationBarTitleDisplayMode(.inline)
     .toolbar {
       ToolbarItem(placement: .cancellationAction) {