Complete Day 51

Author: CypherPoet

README.md

@@ -53,10 +53,11 @@ Cheers! ✌️
 - **Day 47:** [Milestone for Projects 7-9](./day-047/)
 - **Day 48:** [What Star Wars can Teach Us About Swift](./day-048/)
 - **Day 49:** [_Project 10: CupcakeCorner_ (Part One)](./day-049/)
+- **Day 50:** [_Project 10: CupcakeCorner_ (Part Two)](./day-050/)
 
 </details>
 
-- **Day 50:** [_Project 10: CupcakeCorner_ (Part Two)](./day-050/)
+- **Day 51:** [_Project 10: CupcakeCorner_ (Part Three)](./day-051/)
 
 
 

day-049/Projects/CupcakeCorner/CupcakeCorner/Scenes/Order Form/OrderFormContainerViewModel.swift

@@ -18,8 +18,6 @@ final class OrderFormContainerViewModel: ObservableObject {
 
 
     // MARK: - Published Properties
-    @Published var isShowingSaveConfirmationAlert = false
-    @Published var isShowingSaveErrorAlert = false
     @Published var isShowingAlert = false
 
 
@@ -38,7 +36,7 @@ extension OrderFormContainerViewModel {
     private var ordersState: OrdersState { store.state.ordersState }
 
     private var currentAlertContent: (title: String, message: String) {
-        switch (ordersState.currentOrder, ordersState.saveError) {
+        switch (ordersState.successfullySavedOrder, ordersState.saveError) {
         case (let order?, .none):
             let cupcakesString = order.quantity == 1 ? "cupcake" : "cupcakes"
 

day-049/Projects/CupcakeCorner/Screenshots/day-51-recording-1.gif

@@ -0,0 +1,101 @@
+# Day 51: _Project 10: CupcakeCorner_ (Part Three)
+
+_Follow along at https://www.hackingwithswift.com/100/swiftui/51_.
+
+<br/>
+
+
+# 📒 Field Notes
+
+This day covers Part Three of _`Project 10: CupcakeCorner`_ in the [100 Days of SwiftUI Challenge](https://www.hackingwithswift.com/100/swiftui/51). (Project 10 files can be found in the [directory for Part One](../day-049/).)
+
+It focuses on several specific topics:
+
+- Encoding an ObservableObject class
+- Sending and receiving orders over the internet
+
+
+I took the opportunity with this day to explore how I could fit async networking side effects into a redux/reducer architecture.
+
+Ultimately, this led to creating another view model `ObservableObject` for the container view -- which handled tapping in to the app state and detecting whether or not an alert should be shown.
+
+
+```swift
+
+final class OrderFormContainerViewModel: ObservableObject {
+    private var subscriptions = Set<AnyCancellable>()
+
+    var store: AppStore
+
+
+    // MARK: - Published Properties
+    @Published var isShowingAlert = false
+
+
+    // MARK: - Init
+    init(store: AppStore) {
+        self.store = store
+
+        setupSubscribers()
+    }
+}
+
+
+// MARK: - Publishers
+extension OrderFormContainerViewModel {
+
+    // 🔑 Tap into the store's `state` publisher.
+    private var ordersStatePublisher: AnyPublisher<OrdersState, Never> {
+        store.$state
+            .map(\.ordersState)
+            .eraseToAnyPublisher()
+    }
+
+
+    ... <<More publishers composed from here>> ...
+
+```
+
+
+```swift
+// MARK: - Body
+extension OrderFormContainerView {
+
+    var body: some View {
+        NavigationView {
+            OrderFormView(
+                viewModel: orderFormViewModel,
+                buildDestination: {
+                    DeliveryAddressFormView(
+                        viewModel: self.deliveryAddressViewModel,
+                        buildDestination: {
+                            CheckoutView(
+                                viewModel: CheckoutViewModel(
+                                    order: self.orderFromFormData
+                                ),
+                                onSubmit: self.submitOrder(_:)
+                            )
+                        }
+                    )
+                }
+            )
+            .navigationBarTitle("🧁 Cupcake Corner")
+            .alert(isPresented: $viewModel.isShowingSaveConfirmationAlert, content: { self.saveConfirmationAlert })
+            .alert(isPresented: $viewModel.isShowingSaveErrorAlert, content: { self.saveErrorAlert })
+        }
+    }
+}
+
+```
+
+
+<br/>
+
+
+
+# 📸 Screenshots
+
+
+<div style="text-align: center;">
+  <img src="../day-049/Projects/CupcakeCorner/Screenshots/day-51-recording-1.gif" width="400px"/>
+</div>