Add validation error to package item when total weight is invalid

Author: itsmeichigo

WooCommerce/Classes/ViewRelated/Orders/Order Details/Shipping Labels/Create Shipping Label Form/Package Details/Multi-package/ShippingLabelPackageItem.swift

@@ -23,7 +23,7 @@ struct ShippingLabelPackageItem: View {
 
     var body: some View {
         CollapsibleView(isCollapsible: isCollapsible, isCollapsed: $isCollapsed, safeAreaInsets: safeAreaInsets) {
-            ShippingLabelPackageNumberRow(packageNumber: packageNumber, numberOfItems: viewModel.itemsRows.count)
+            ShippingLabelPackageNumberRow(packageNumber: packageNumber, numberOfItems: viewModel.itemsRows.count, isValid: viewModel.isValidTotalWeight)
         } content: {
             ListHeaderView(text: Localization.itemsToFulfillHeader, alignment: .left)
                 .padding(.horizontal, insets: safeAreaInsets)
@@ -66,8 +66,13 @@ struct ShippingLabelPackageItem: View {
             }
             .background(Color(.systemBackground))
 
-            ListHeaderView(text: Localization.footer, alignment: .left)
-                .padding(.horizontal, insets: safeAreaInsets)
+            if viewModel.isValidTotalWeight {
+                ListHeaderView(text: Localization.footer, alignment: .left)
+                    .padding(.horizontal, insets: safeAreaInsets)
+            } else {
+                ValidationErrorRow(errorMessage: Localization.invalidWeight)
+                    .padding(.horizontal, insets: safeAreaInsets)
+            }
         }
     }
 }
@@ -82,6 +87,7 @@ private extension ShippingLabelPackageItem {
                                                           comment: "Title of the row for adding the package weight in Shipping Label Package Detail screen")
         static let footer = NSLocalizedString("Sum of products and package weight",
                                               comment: "Title of the footer in Shipping Label Package Detail screen")
+        static let invalidWeight = NSLocalizedString("Invalid weight", comment: "Error message when total weight is invalid in Package Detail screen")
     }
 
     enum Constants {

WooCommerce/Classes/ViewRelated/Orders/Order Details/Shipping Labels/Create Shipping Label Form/Package Details/ShippingLabelPackageNumberRow.swift

@@ -4,10 +4,12 @@ import Foundation
 struct ShippingLabelPackageNumberRow: View {
     let packageNumber: Int
     let numberOfItems: Int
+    let isValid: Bool
 
-    init(packageNumber: Int, numberOfItems: Int) {
+    init(packageNumber: Int, numberOfItems: Int, isValid: Bool = true) {
         self.packageNumber = packageNumber
         self.numberOfItems = numberOfItems
+        self.isValid = isValid
     }
 
     var body: some View {
@@ -23,6 +25,9 @@ struct ShippingLabelPackageNumberRow: View {
                     .font(.body)
             }
             Spacer()
+            Image(uiImage: .noticeImage)
+                .foregroundColor(Color(.error))
+                .renderedIf(!isValid)
         }
     }
 }
@@ -45,5 +50,8 @@ struct ShippingLabelPackageNumberRow_Previews: PreviewProvider {
 
         ShippingLabelPackageNumberRow(packageNumber: 7, numberOfItems: 1)
             .previewLayout(.fixed(width: 375, height: 50))
+
+        ShippingLabelPackageNumberRow(packageNumber: 7, numberOfItems: 1, isValid: false)
+            .previewLayout(.fixed(width: 375, height: 50))
     }
 }