use dynamicTypeSize in hardwareview

Author: iamgabrielma

WooCommerce/Classes/POS/Presentation/Settings/PointOfSaleSettingsHardwareDetailView.swift

@@ -1,6 +1,8 @@
 import SwiftUI
 
 struct PointOfSaleSettingsHardwareDetailView: View {
+    @Environment(\.dynamicTypeSize) private var dynamicTypeSize
+
     let settingsController: PointOfSaleSettingsControllerProtocol
 
     @State private var navigationPath: [NavigationDestination] = []
@@ -36,16 +38,21 @@ struct PointOfSaleSettingsHardwareDetailView: View {
 
             List(HardwareDestination.allCases) { destination in
                 NavigationLink(value: NavigationDestination.hardware(destination)) {
-                    HStack(alignment: .firstTextBaseline) {
+                    DynamicHStack(horizontalAlignment: .leading, spacing: POSSpacing.medium) {
                         Image(systemName: destination.icon)
                             .font(.posBodyLargeRegular())
+                            .renderedIf(!dynamicTypeSize.isAccessibilitySize)
+
                         VStack(alignment: .leading, spacing: POSPadding.xSmall) {
                             Text(destination.title)
                                 .font(.posBodyLargeRegular())
+                                .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                             Text(destination.subtitle)
                                 .font(.posBodyMediumRegular())
                                 .foregroundStyle(.secondary)
+                                .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                         }
+                        Spacer()
                     }
                 }
                 .listRowSeparator(.hidden)
@@ -109,16 +116,21 @@ struct PointOfSaleSettingsHardwareDetailView: View {
                 Button {
                     showCardReaderDocumentationModal = true
                 } label: {
-                    HStack(alignment: .firstTextBaseline) {
+                    DynamicHStack(horizontalAlignment: .leading, spacing: POSSpacing.medium) {
                         Image(systemName: "doc.text")
                             .font(.posBodyLargeRegular())
+                            .renderedIf(!dynamicTypeSize.isAccessibilitySize)
+
                         VStack(alignment: .leading, spacing: POSPadding.xSmall) {
                             Text(Localization.cardReaderDocumentationTitle)
                                 .font(.posBodyLargeRegular())
+                                .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                             Text(Localization.cardReaderDocumentationSubtitle)
                                 .font(.posBodyMediumRegular())
                                 .foregroundStyle(.secondary)
+                                .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                         }
+                        Spacer()
                     }
                 }
                 .buttonStyle(.plain)
@@ -157,16 +169,21 @@ struct PointOfSaleSettingsHardwareDetailView: View {
             Button {
                 handleScannerDestination(destination)
             } label: {
-                HStack(alignment: .firstTextBaseline) {
+                DynamicHStack(horizontalAlignment: .leading, spacing: POSSpacing.medium) {
                     Image(systemName: destination.icon)
                         .font(.posBodyLargeRegular())
+                        .renderedIf(!dynamicTypeSize.isAccessibilitySize)
+
                     VStack(alignment: .leading, spacing: POSPadding.xSmall) {
                         Text(destination.title)
                             .font(.posBodyLargeRegular())
+                            .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                         Text(destination.subtitle)
                             .font(.posBodyMediumRegular())
                             .foregroundStyle(.secondary)
+                            .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                     }
+                    Spacer()
                 }
             }
             .buttonStyle(.plain)