woocommerce / woocommerce-ios

WooCommerce iOS app
https://www.woocommerce.com/mobile
GNU General Public License v2.0
257 stars 108 forks source link

[Shipping Lines] Update SingleSelectionList component to handle shipping method selection designs #12651

Closed rachelmcr closed 2 weeks ago

rachelmcr commented 2 weeks ago

Part of: #12578

Why

In #12614 I added a new view ShippingMethodSelector to use for selecting a shipping method during order creation/editing. In this PR, I'm removing that view in favor of using the reusable component SingleSelectionList.

This PR adds some styling options so SingleSelectionList can match the designs for selecting shipping methods, and it simplifies some of the view layout.

How

Testing instructions

Screenshots

  1. Build and run the app.
  2. Open the analytics hub ("View all store analytics").
  3. Tap the date range selector to open the date range selection list.
  4. Confirm the list looks and act the same as before.
  5. Rotate the device to landscape and confirm the list looks and act the same as before.
/ Portrait Landscape
Before Before-Portrait Before-Landscape
After After-Portrait After-Landscape
After with new styling After-Portrait-NewStyles After-Landscape-NewStyles

wpmobilebot commented 2 weeks ago

WooCommerce iOS📲 You can test the changes from this Pull Request in WooCommerce iOS by scanning the QR code below to install the corresponding build.

App NameWooCommerce iOS WooCommerce iOS
Build Numberpr12651-ca228f6
Version18.5
Bundle IDcom.automattic.alpha.woocommerce
Commitca228f647e18969669587b217f74a6db9b47d846
App Center BuildWooCommerce - Prototype Builds #8951

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.