Skip to content

[Orders with Coupons M7] Improvements and UI polish #10863

Open
@iamgabrielma

Description

@iamgabrielma

Items to address:

  • The current CollapsibleProductRowCard needs to move the chevron position to the "header", at the moment appears in the middle of the product row. This involves redoing the component and most likely not use the existing CollapsibleView, so is closer to the design proposal.
Proposed Implemented
Screenshot 2023-10-12 at 12 11 00 Screenshot 2023-10-12 at 12 14 02
  • The update to Fees conflicts with Custom Order Creation project: pecCkj-15v-p2. We may circle back and update them or remove them depending on how the other project goes. For the moment they remain untouched with this project.
  • The original price should be strike-through when a coupon is applied:
_20231112_todo_improvement_1
  • There should be a "percentage calculation" before the discount when there's a fixed discount entered:
_20231112_todo_improvement_0

You should (hopefully) be able to use the .shadow(.drop) modifier here to add the drop shadow.

The × symbol looks huge. It's from another PR but I think it'd be better if you pasted the multiplication symbol into the code and used a localized format string rather than using an image.
Perhaps we should have a simple view for our GridIcons that neatens this up? Doesn't really need to be in this PR but this boilerplate is a bit of a paper cut compared to using SFSymbols (which I still think are better!)
the tooltip for the discount works differently to the one for the coupon

Tapping in the red area does not dismiss the tooltip, we can resolve this the same way we did on b8d3b86 , by moving up the state to the parent view and binding the toggle state between parent and child
_20231113_todo_improvement_2

Metadata

Metadata

Assignees

Labels

feature: couponsRelated to basic fulfillment such as order tracking.feature: order creationAll tasks related to creating an ordertype: taskAn internally driven task.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions