[Woo POS][Historical Orders] Order List & Details (Designer UI) #16184
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…list-designer-ui
Added makePreviewOrderWithRefund() method to support preview of order details with refunds including formatted net amount.
Modified header title format to show order number directly and moved email receipt action to trailingContent. Updated back button to use xmark icon and apply POSSpacing.none.
Removed separate actions section since email receipt is now in header. Updated scroll view padding to use POSPadding constants and changed background to posSurfaceBright.
Moved order badge from trailingContent to bottomContent within header with proper spacing and top padding.
Updated products section to include dividers between line items with enumerated array and conditional divider display.
Changed product row alignment from top to center and removed vertical padding for cleaner layout.
Removed product attributes display, changed spacing to none, and updated fonts to use posBodySmallBold and posBodySmallRegular for consistency.
Changed totals section spacing to small and replaced hardcoded divider with reusable divider component for consistency.
Updated all totals row components to use posBodySmallBold/Regular fonts, proper colors, and consistent spacing. Added dividers between refunds and updated payment method font to posCaptionRegular.
Removed old actions section code and added reusable divider ViewBuilder with proper styling and spacing.
Added second preview showing order details with refund scenario to test refund display functionality.
Collaborator
Generated by 🚫 Danger |
Collaborator
|
|
Contributor
|
@staskus a couple of hours after this was submitted for review, this was published: pdfdoF-7Av-p2 . Let me know if I should just go ahead and review the PR or wait 🙇 |
Contributor
Author
|
@iamgabrielma I did these updates according to the new designs but I will then add a few more details so it would be full in this PR. |
iamgabrielma
approved these changes
Oct 2, 2025
Contributor
iamgabrielma
left a comment
iamgabrielma
left a comment
There was a problem hiding this comment.
Looks great! Well done! 
…list-designer-ui
staskus
deleted the
woomob-1142-woo-poshistorical-orders-order-list-designer-ui
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Figma: NFWCJetWSgHq2jPLKjpKYw-fi-8027_1152
WOOMOB-1142
One review is enough.
Updating the order list and order details UI based on the designer updates.
Changes:
Better VoiceOver support updates will be done in another PR.
Steps to reproduce
Testing information
Tested on iPad Air 11' 26.0 simulator
Screenshots
https://github.com/user-attachments/assets/41b7cca5-ac5d-49da-8b8a-36bd842149e5
https://github.com/user-attachments/assets/25dbbf06-bd5a-442c-a0a1-859cf2c0331e
RELEASE-NOTES.txtif necessary.