Add disclosure indicator to variable product row in product list

Author: rachelmcr

WooCommerce/Classes/ViewRelated/Orders/Order Creation/ProductsSection/AddProductToOrder.swift

@@ -11,6 +11,10 @@ struct AddProductToOrder: View {
     ///
     @ObservedObject var viewModel: AddProductToOrderViewModel
 
+    /// Keeps track of the current screen scale
+    ///
+    @ScaledMetric private var scale = 1
+
     var body: some View {
         NavigationView {
             VStack {
@@ -65,7 +69,17 @@ struct AddProductToOrder: View {
         if rowViewModel.numberOfVariations > 0,
            let addVariationToOrderVM = viewModel.getVariationsViewModel(for: rowViewModel.productOrVariationID) {
             LazyNavigationLink(destination: AddProductVariationToOrder(isPresented: $isPresented, viewModel: addVariationToOrderVM)) {
-                ProductRow(viewModel: rowViewModel)
+                HStack {
+                    ProductRow(viewModel: rowViewModel)
+                        .frame(maxWidth: .infinity, alignment: .leading)
+
+                    Image(uiImage: .chevronImage)
+                        .resizable()
+                        .flipsForRightToLeftLayoutDirection(true)
+                        .frame(width: Constants.chevronSize(scale: scale), height: Constants.chevronSize(scale: scale))
+                        .foregroundColor(Color(.systemGray))
+                        .accessibility(hidden: true)
+                }
             }
         } else {
             ProductRow(viewModel: rowViewModel)
@@ -81,6 +95,9 @@ private extension AddProductToOrder {
     enum Constants {
         static let dividerHeight: CGFloat = 1
         static let defaultPadding: CGFloat = 16
+        static func chevronSize(scale: CGFloat) -> CGFloat {
+            22 * scale
+        }
     }
 
     enum Localization {