Closed allensquare closed 1 year ago
Deployed Styleguide and Lab.Notes
File | Before | After |
---|---|---|
components/OrderCard/index.js |
— | 46 B |
components/OrderCard/script.js |
— | 5.3 kB |
components/OrderCard/styles.css |
— | 592 B |
Total (Includes all files) | 1.8 MB |
2%↑1.8 MB |
Tarball size | 336.8 kB |
2%↑342.8 kB |
🤖 This report was automatically generated by pkg-size-action
To follow up in @pretzelhammer feedback - I notice the padding on this layout is also different than what we offer on MContainer. In addition to action slots for the buttons on MContainer we could also add a padding
prop.
@pretzelhammer @laurenhu
Great ideas, I've looped with UX and we think it's a good idea to leverage the existing MContainer and switch to keeping just a thumbnails component here as a new component. For the #2 mentioned, I was thinking of just keeping the container content part generic and provide the buttons + thumbnails in the content slot without needing to introduce new action slots to the container to keep it simple, thoughts?
@allensquare yup, regarding 2. skipping the actions slot and providing the buttons as part of the default content slot sounds good to me too. In that case we'd only need to change this PR to create a new standalone MThumbnails component.
Created a separate PRs for the Thumbnails component and adding new Container padding prop - closing this one.
Describe the problem this PR addresses
We plan to use this for order history cards and subscription cards in buyer management. Following figma designs here: https://www.figma.com/file/kmUoROmFpcprMw7xW2YIT9/Subscriptions-in-Customer-Accounts-%E3%83%BC-Buyer-%E2%80%94-Erin-%E2%80%94-Q322?node-id=7699%3A29177
Describe the changes in this PR
Added new OrderCard component to display an Order with title, label, thumbnails and action buttons.
Other information
https://square.github.io/maker/styleguide/order-card-component/#/OrderCard