Replace clear CTA in cart view with POSButtonStyle. Remove unused button constants.

Author: jaclync

WooCommerce/Classes/POS/Presentation/CartView.swift

@@ -51,14 +51,8 @@ struct CartView: View {
                     } label: {
                         Text(Localization.clearButtonTitle)
                             .font(Constants.clearButtonFont)
-                            .padding(Constants.clearButtonTextPadding)
-                            .foregroundColor(Color.init(uiColor: .wooCommercePurple(.shade60)))
-                            .overlay(
-                                RoundedRectangle(cornerRadius: Constants.clearButtonCornerRadius)
-                                    .stroke(Color.init(uiColor: .wooCommercePurple(.shade60)), lineWidth: Constants.clearButtonBorderWidth)
-                            )
                     }
-                    .padding(.leading, Constants.itemHorizontalPadding)
+                    .buttonStyle(POSButtonStyle(variant: .outlined, size: .extraSmall))
                     .renderedIf(shouldShowClearCartButton)
                 }
             }
@@ -208,9 +202,6 @@ private extension CartView {
         static let secondaryFont: POSFontStyle = .posBodyRegular
         static let itemsFont: POSFontStyle = .posDetailRegular
         static let clearButtonFont: POSFontStyle = .posDetailEmphasized
-        static let clearButtonCornerRadius: CGFloat = 4
-        static let clearButtonBorderWidth: CGFloat = 2
-        static let clearButtonTextPadding = EdgeInsets(top: 8, leading: 24, bottom: 8, trailing: 24)
         static let itemHorizontalPadding: CGFloat = 8
         static let shoppingBagImageSize: CGFloat = 104
         static let scrollViewCoordinateSpaceIdentifier: String = "CartScrollView"

WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift

@@ -167,7 +167,6 @@ private extension PointOfSaleCollectCashView {
         static let navigationButtonSpacing: CGFloat = 8
         static let navigationHeaderTopPadding: CGFloat = 8
         static let buttonFont: POSFontStyle = .posBodyEmphasized
-        static let buttonCornerRadius: CGFloat = 8
         static let errorMessagePadding: CGFloat = 8
     }
 

WooCommerce/Classes/POS/Presentation/Reusable Views/POSSendReceiptView.swift

@@ -116,9 +116,7 @@ struct POSSendReceiptView: View {
 private extension POSSendReceiptView {
     enum Constants {
         static let buttonSpacing: CGFloat = 12
-        static let buttonPadding: CGFloat = 32
         static let buttonFont: POSFontStyle = .posBodyEmphasized
-        static let buttonCornerRadius: CGFloat = 8
         static let errorMessagePadding: CGFloat = 8
     }