[Woo POS] Update child item list empty view to account for larger a11y (#15165)

Author: iamgabrielma

WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/PointOfSaleItemListEmptyView.swift

@@ -1,32 +1,39 @@
 import SwiftUI
 
 struct PointOfSaleItemListEmptyView: View {
+    @Environment(\.dynamicTypeSize) private var dynamicTypeSize
+    @Environment(\.floatingControlAreaSize) private var floatingControlAreaSize: CGSize
     private let baseItem: ItemListBaseItem
 
     init(base: ItemListBaseItem) {
         self.baseItem = base
     }
 
     var body: some View {
-        VStack(alignment: .center, spacing: PointOfSaleItemListErrorLayout.headerSpacing) {
-            Spacer()
-            Image(decorative: PointOfSaleAssets.magnifierNotFound.imageName)
-                .resizable()
-                .aspectRatio(contentMode: .fit)
-                .frame(width: Constants.iconSize, height: Constants.iconSize)
-                .foregroundColor(.posOnSurfaceVariantHighest)
-            Text(title)
-                .foregroundStyle(Color.posOnSurfaceVariantHighest)
-                .font(.posHeadingBold)
-            Text(subtitle)
-                .foregroundStyle(Color.posOnSurfaceVariantHighest)
-                .font(.posBodyLargeRegular())
-                .padding([.leading, .trailing])
-            Text(hint)
-                .foregroundStyle(Color.posOnSurfaceVariantHighest)
-                .font(.posBodyLargeRegular())
-                .padding([.leading, .trailing])
-            Spacer()
+        ScrollView {
+            VStack(alignment: .center, spacing: PointOfSaleItemListErrorLayout.headerSpacing) {
+                Spacer()
+                Image(decorative: PointOfSaleAssets.magnifierNotFound.imageName)
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+                    .frame(width: Constants.iconSize, height: Constants.iconSize)
+                    .foregroundColor(.posOnSurfaceVariantHighest)
+                    .renderedIf(!dynamicTypeSize.isAccessibilitySize)
+                Text(title)
+                    .foregroundStyle(Color.posOnSurfaceVariantHighest)
+                    .font(. posHeadingBold)
+                Text(subtitle)
+                    .foregroundStyle(Color.posOnSurfaceVariantHighest)
+                    .font(.posBodyLargeRegular())
+                    .padding([.leading, .trailing])
+                Text(hint)
+                    .foregroundStyle(Color.posOnSurfaceVariantHighest)
+                    .font(.posBodyLargeRegular())
+                    .padding([.leading, .trailing])
+                Spacer()
+                    .renderedIf(!dynamicTypeSize.isAccessibilitySize)
+            }
+            .padding(.bottom, floatingControlAreaSize.height)
         }
     }
 }

WooCommerce/Classes/POS/Presentation/Item Selector/ChildItemList.swift

@@ -69,14 +69,9 @@ private extension ChildItemList {
 
     @ViewBuilder
     var emptyView: some View {
-        ZStack {
-            VStack {
-                headerView
-                Spacer()
-            }
-
+        VStack {
+            headerView
             PointOfSaleItemListEmptyView(base: .parent(parentItem))
-                .zIndex(1)
         }
     }