Edit 04-Navigation-Lists-NavigateAndLoad file in SwiftUI CaseStudies (

#3327)

* Edit 04-Navigation-Lists-NavigateAndLoad file in SwiftUI CaseStudies

* Update Examples/CaseStudies/SwiftUICaseStudies/04-Navigation-Lists-NavigateAndLoad.swift

Co-authored-by: Stephen Celis <stephen.celis@gmail.com>

* change selection Type to `Identified<Row.ID, Counter.State?>?`

---------

Co-authored-by: Stephen Celis <stephen.celis@gmail.com>
Co-authored-by: Stephen Celis <stephen@stephencelis.com>

Examples/CaseStudies/SwiftUICaseStudies/04-Navigation-Lists-NavigateAndLoad.swift

@@ -10,6 +10,7 @@ private let readMe = """
 
 @Reducer
 struct NavigateAndLoadList {
+ @ObservableState
  struct State: Equatable {
  var rows: IdentifiedArrayOf<Row> = [
  Row(count: 1, id: UUID()),
@@ -56,7 +57,8 @@ struct NavigateAndLoadList {
 
  case .setNavigationSelectionDelayCompleted:
  guard let id = state.selection?.id else { return .none }
- state.selection?.value = Counter.State(count: state.rows[id: id]?.count ?? 0)
+ let count = state.rows[id: id]?.count ?? 0
+ state.selection?.value = Counter.State(count: count)
  return .none
  }
  }
@@ -73,25 +75,23 @@ struct NavigateAndLoadListView: View {
  @Bindable var store: StoreOf<NavigateAndLoadList>
 
  var body: some View {
- WithViewStore(self.store, observe: { $0 }) { viewStore in
- Form {
- Section {
- AboutView(readMe: readMe)
- }
- ForEach(viewStore.rows) { row in
- NavigationLink(
- "Load optional counter that starts from \(row.count)",
- tag: row.id,
- selection: viewStore.binding(
- get: \.selection?.id,
- send: { .setNavigation(selection: $0) }
- )
- ) {
- IfLetStore(self.store.scope(state: \.selection?.value, action: \.counter)) {
- CounterView(store: $0)
- } else: {
- ProgressView()
- }
+ Form {
+ Section {
+ AboutView(readMe: readMe)
+ }
+ ForEach(store.rows) { row in
+ NavigationLink(
+ "Load optional counter that starts from \(row.count)",
+ tag: row.id,
+ selection: .init(
+ get: { store.selection?.id },
+ set: { id in store.send(.setNavigation(selection: id)) }
+ )
+ ) {
+ if let store = store.scope(state: \.selection?.value, action: \.counter) {
+ CounterView(store: store)
+ }else {
+ ProgressView()
  }
  }
  }