Use POSErrorView for local catalog refresh errors

Author: joshheald

Modules/Sources/PointOfSale/Presentation/Settings/POSSettingsLocalCatalogDetailView.swift

@@ -30,11 +30,7 @@ struct POSSettingsLocalCatalogDetailView: View {
             await viewModel.loadCatalogData()
         }
         .posModal(item: $viewModel.catalogRefreshError) { errorState in
-            POSListErrorView(error: errorState, onAction: {
-                Task {
-                    await viewModel.refreshCatalog()
-                }
-            })
+            errorView(errorState: errorState)
         }
     }
 }
@@ -99,6 +95,34 @@ private extension POSSettingsLocalCatalogDetailView {
             }
         }
     }
+
+    @ViewBuilder
+    func errorView(errorState: PointOfSaleErrorState) -> some View {
+        VStack(spacing: POSSpacing.xxLarge) {
+            POSModalCloseButton(accessibilityLabel: Localization.errorCancelButtonTitle) {
+                viewModel.catalogRefreshError = nil
+            }
+
+            POSErrorView(viewModel: errorViewModel(errorState: errorState))
+        }
+        .padding(POSPadding.xLarge)
+        .frame(maxWidth: Constants.errorModalMaxWidth)
+    }
+
+    func errorViewModel(errorState: PointOfSaleErrorState) -> POSErrorViewModel {
+        let retryButton = POSErrorButtonViewModel(title: Localization.errorRetryButtonTitle,
+                                                  buttonStyle: POSFilledButtonStyle(size: .normal)) {
+            Task {
+                await viewModel.refreshCatalog()
+            }
+        }
+        let cancelButton = POSErrorButtonViewModel(title: Localization.errorCancelButtonTitle,
+                                                   buttonStyle: POSOutlinedButtonStyle(size: .normal)) {
+            viewModel.catalogRefreshError = nil
+        }
+        return POSErrorViewModel(error: errorState, primaryButton: retryButton, secondaryButton: cancelButton)
+    }
+
 }
 
 private extension POSSettingsLocalCatalogDetailView {
@@ -160,6 +184,22 @@ private extension POSSettingsLocalCatalogDetailView {
             value: "Update catalog",
             comment: "Button text for updating the catalog manually."
         )
+
+        static let errorRetryButtonTitle = NSLocalizedString(
+            "posSettingsLocalCatalogDetailView.catalogRefresh.error.retryButton.title",
+            value: "Retry",
+            comment: "Button text for retrying a refresh after it fails"
+        )
+
+        static let errorCancelButtonTitle = NSLocalizedString(
+            "posSettingsLocalCatalogDetailView.catalogRefresh.error.cancelButton.title",
+            value: "Cancel",
+            comment: "Button text for closing an error after a refresh fails"
+        )
+    }
+
+    enum Constants {
+        static let errorModalMaxWidth: CGFloat = 832
     }
 }