[Building Sync-ups Tutorial] fixes in "Editing and deleting a sync-up" chapter (pointfreeco#3578)

FredericRuaudel · stephencelis · web-flow · commit 7953e49e7932 · 2025-02-17T13:33:08.000-08:00
* Replace cornerRadius with clipShape in SyncUpDetailView tutorial code

Update view code files to use the newer `.clipShape(.rect(cornerRadius:))` modifier instead of the deprecated `.cornerRadius()` method

* Update SyncUpDetailView to use foregroundStyle and destructive button role

- Replace deprecated `.foregroundColor()` with `.foregroundStyle()`
- Add `.destructive` role to delete button
- Remove explicit `.foregroundColor(.red)` styling for the delete button
- Replace `.accentColor` with `Color.accentColor` in foregroundStyle modifier for tutorial code files to fix compilation error "type 'ShapeStyle' has no member 'accentColor'"

* Update SyncUpDetail tutorial code to use thread-safe state mutation

Use `withLock` to safely update the shared `syncUp` state when editing a sync-up in the tutorial code files

* Update SyncUpDetail tutorial code for deletion and dismissal

Refactor SyncUpDetail reducer to:
- Use type-safe `.syncUps` key for shared state
- Implement thread-safe state mutation with `withLock`

* Update SyncUpDetail tutorial to clarify `.run` effect usage

Modify tutorial documentation to:
- Simplify explanation of `.run` effect
- Remove unnecessary commentary about sending delegate action which are no longer done with the usage of `@Shared`

* Remove unnecessary whitespace in SyncUpDetail tutorial code

Minor code cleanup by removing an extra blank line in the SyncUpDetail reducer that was causing weird diff in the tutorial

* wip

---------

Co-authored-by: Stephen Celis &lt;stephen@stephencelis.com&gt;
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0005-previous.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0005-previous.swift
@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {
         } label: {
           Label("Start Meeting", systemImage: "timer")
             .font(.headline)
-            .foregroundColor(.accentColor)
+            .foregroundStyle(Color.accentColor)
         }
         HStack {
           Label("Length", systemImage: "clock")
@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {
           Spacer()
           Text(store.syncUp.theme.name)
             .padding(4)
-            .foregroundColor(store.syncUp.theme.accentColor)
+            .foregroundStyle(store.syncUp.theme.accentColor)
             .background(store.syncUp.theme.mainColor)
-            .cornerRadius(4)
+            .clipShape(.rect(cornerRadius: 4))
         }
       } header: {
         Text("Sync-up Info")
@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {
       }
 
       Section {
-        Button("Delete") {
+        Button("Delete", role: .destructive) {
           store.send(.deleteButtonTapped)
         }
-        .foregroundColor(.red)
         .frame(maxWidth: .infinity)
       }
     }
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0005.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0005.swift
@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {
         } label: {
           Label("Start Meeting", systemImage: "timer")
             .font(.headline)
-            .foregroundColor(.accentColor)
+            .foregroundStyle(Color.accentColor)
         }
         HStack {
           Label("Length", systemImage: "clock")
@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {
           Spacer()
           Text(store.syncUp.theme.name)
             .padding(4)
-            .foregroundColor(store.syncUp.theme.accentColor)
+            .foregroundStyle(store.syncUp.theme.accentColor)
             .background(store.syncUp.theme.mainColor)
-            .cornerRadius(4)
+            .clipShape(.rect(cornerRadius: 4))
         }
       } header: {
         Text("Sync-up Info")
@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {
       }
 
       Section {
-        Button("Delete") {
+        Button("Delete", role: .destructive) {
           store.send(.deleteButtonTapped)
         }
-        .foregroundColor(.red)
         .frame(maxWidth: .infinity)
       }
     }
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0006.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0006.swift
@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {
         } label: {
           Label("Start Meeting", systemImage: "timer")
             .font(.headline)
-            .foregroundColor(.accentColor)
+            .foregroundStyle(Color.accentColor)
         }
         HStack {
           Label("Length", systemImage: "clock")
@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {
           Spacer()
           Text(store.syncUp.theme.name)
             .padding(4)
-            .foregroundColor(store.syncUp.theme.accentColor)
+            .foregroundStyle(store.syncUp.theme.accentColor)
             .background(store.syncUp.theme.mainColor)
-            .cornerRadius(4)
+            .clipShape(.rect(cornerRadius: 4))
         }
       } header: {
         Text("Sync-up Info")
@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {
       }
 
       Section {
-        Button("Delete") {
+        Button("Delete", role: .destructive) {
           store.send(.deleteButtonTapped)
         }
-        .foregroundColor(.red)
         .frame(maxWidth: .infinity)
       }
     }
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0007.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0007.swift
@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {
         } label: {
           Label("Start Meeting", systemImage: "timer")
             .font(.headline)
-            .foregroundColor(.accentColor)
+            .foregroundStyle(Color.accentColor)
         }
         HStack {
           Label("Length", systemImage: "clock")
@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {
           Spacer()
           Text(store.syncUp.theme.name)
             .padding(4)
-            .foregroundColor(store.syncUp.theme.accentColor)
+            .foregroundStyle(store.syncUp.theme.accentColor)
             .background(store.syncUp.theme.mainColor)
-            .cornerRadius(4)
+            .clipShape(.rect(cornerRadius: 4))
         }
       } header: {
         Text("Sync-up Info")
@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {
       }
 
       Section {
-        Button("Delete") {
+        Button("Delete", role: .destructive) {
           store.send(.deleteButtonTapped)
         }
-        .foregroundColor(.red)
         .frame(maxWidth: .infinity)
       }
     }
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0008.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0008.swift
@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {
         } label: {
           Label("Start Meeting", systemImage: "timer")
             .font(.headline)
-            .foregroundColor(.accentColor)
+            .foregroundStyle(Color.accentColor)
         }
         HStack {
           Label("Length", systemImage: "clock")
@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {
           Spacer()
           Text(store.syncUp.theme.name)
             .padding(4)
-            .foregroundColor(store.syncUp.theme.accentColor)
+            .foregroundStyle(store.syncUp.theme.accentColor)
             .background(store.syncUp.theme.mainColor)
-            .cornerRadius(4)
+            .clipShape(.rect(cornerRadius: 4))
         }
       } header: {
         Text("Sync-up Info")
@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {
       }
 
       Section {
-        Button("Delete") {
+        Button("Delete", role: .destructive) {
           store.send(.deleteButtonTapped)
         }
-        .foregroundColor(.red)
         .frame(maxWidth: .infinity)
       }
     }
@@ -93,6 +92,7 @@ struct SyncUpDetailView: View {
             }
           }
       }
+    }
   }
 }
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0011.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-01-code-0011.swift
@@ -30,7 +30,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0001-previous.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0001-previous.swift
@@ -30,7 +30,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0001.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0001.swift
@@ -34,7 +34,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0002.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0002.swift
@@ -35,7 +35,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0003.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0003.swift
@@ -36,7 +36,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0004.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0004.swift
@@ -39,7 +39,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0005.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0005.swift
@@ -39,7 +39,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0006.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0006.swift
@@ -51,7 +51,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0007.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0007.swift
@@ -40,7 +40,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0008.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0008.swift
@@ -41,7 +41,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0009.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0009.swift
@@ -42,7 +42,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0010.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0010.swift
@@ -43,7 +43,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0011.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0011.swift
@@ -27,8 +27,8 @@ struct SyncUpDetail {
     Reduce { state, action in
       switch action {
       case .alert(.presented(.confirmButtonTapped)):
-        @Shared(.fileStorage(.syncUps)) var syncUps: IdentifiedArrayOf<SyncUp> = []
-        syncUps.remove(id: state.syncUp.id)
+        @Shared(.syncUps) var syncUps
+        $syncUps.withLock { _ = $0.remove(id: state.syncUp.id) }
         return .none
 
       case .alert(.dismiss):
@@ -45,7 +45,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0012.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0012.swift
@@ -29,8 +29,8 @@ struct SyncUpDetail {
     Reduce { state, action in
       switch action {
       case .alert(.presented(.confirmButtonTapped)):
-        @Shared(.fileStorage(.syncUps)) var syncUps: IdentifiedArrayOf<SyncUp> = []
-        syncUps.remove(id: state.syncUp.id)
+        @Shared(.syncUps) var syncUps
+        $syncUps.withLock { _ = $0.remove(id: state.syncUp.id) }
         return .none
 
       case .alert(.dismiss):
@@ -47,7 +47,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0013.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-02-code-0013.swift
@@ -29,8 +29,8 @@ struct SyncUpDetail {
     Reduce { state, action in
       switch action {
       case .alert(.presented(.confirmButtonTapped)):
-        @Shared(.fileStorage(.syncUps)) var syncUps: IdentifiedArrayOf<SyncUp> = []
-        syncUps.remove(id: state.syncUp.id)
+        @Shared(.syncUps) var syncUps
+        $syncUps.withLock { _ = $0.remove(id: state.syncUp.id) }
         return .run { _ in await dismiss() }
 
       case .alert(.dismiss):
@@ -47,7 +47,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0003-previous.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0003-previous.swift
@@ -39,8 +39,8 @@ struct SyncUpDetail {
     Reduce { state, action in
       switch action {
       case .alert(.presented(.confirmButtonTapped)):
-        @Shared(.fileStorage(.syncUps)) var syncUps: IdentifiedArrayOf<SyncUp> = []
-        syncUps.remove(id: state.syncUp.id)
+        @Shared(.syncUps) var syncUps
+        $syncUps.withLock { _ = $0.remove(id: state.syncUp.id) }
         return .run { _ in await dismiss() }
 
       case .alert(.dismiss):
@@ -60,7 +60,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0003.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0003.swift
@@ -40,8 +40,8 @@ struct SyncUpDetail {
     Reduce { state, action in
       switch action {
       case .alert(.presented(.confirmButtonTapped)):
-        @Shared(.fileStorage(.syncUps)) var syncUps: IdentifiedArrayOf<SyncUp> = []
-        syncUps.remove(id: state.syncUp.id)
+        @Shared(.syncUps) var syncUps
+        $syncUps.withLock { _ = $0.remove(id: state.syncUp.id) }
         return .run { _ in await dismiss() }
 
       case .alert(.dismiss):
@@ -61,7 +61,7 @@ struct SyncUpDetail {
       case .doneEditingButtonTapped:
         guard let editedSyncUp = state.editSyncUp?.syncUp
         else { return .none }
-        state.syncUp = editedSyncUp
+        state.$syncUp.withLock { $0 = editedSyncUp }
         state.editSyncUp = nil
         return .none
 
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0004.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0004.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0005.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0005.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0006.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0006.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0007.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0007.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0008.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0008.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0009.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0009.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0010.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0010.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0011.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0011.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0012.swift b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp-03-code-0012.swift
diff --git a/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp.tutorial b/Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/06-SyncUpDetail/EditingAndDeletingSyncUp.tutorial

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ struct SyncUpDetailView: View {`
`16`	`16`	`} label: {`
`17`	`17`	`Label("Start Meeting", systemImage: "timer")`
`18`	`18`	`.font(.headline)`
`19`		`- .foregroundColor(.accentColor)`
	`19`	`+ .foregroundStyle(Color.accentColor)`
`20`	`20`	`}`
`21`	`21`	`HStack {`
`22`	`22`	`Label("Length", systemImage: "clock")`
`@@ -29,9 +29,9 @@ struct SyncUpDetailView: View {`
`29`	`29`	`Spacer()`
`30`	`30`	`Text(store.syncUp.theme.name)`
`31`	`31`	`.padding(4)`
`32`		`- .foregroundColor(store.syncUp.theme.accentColor)`
	`32`	`+ .foregroundStyle(store.syncUp.theme.accentColor)`
`33`	`33`	`.background(store.syncUp.theme.mainColor)`
`34`		`- .cornerRadius(4)`
	`34`	`+ .clipShape(.rect(cornerRadius: 4))`
`35`	`35`	`}`
`36`	`36`	`} header: {`
`37`	`37`	`Text("Sync-up Info")`
`@@ -63,10 +63,9 @@ struct SyncUpDetailView: View {`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`Section {`
`66`		`- Button("Delete") {`
	`66`	`+ Button("Delete", role: .destructive) {`
`67`	`67`	`store.send(.deleteButtonTapped)`
`68`	`68`	`}`
`69`		`- .foregroundColor(.red)`
`70`	`69`	`.frame(maxWidth: .infinity)`
`71`	`70`	`}`
`72`	`71`	`}`