-
Notifications
You must be signed in to change notification settings - Fork 72
Unbundling payments detail & transactions #10929
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Unbundling payments detail & transactions #10929
Conversation
Test the buildOption 1. Jetpack Beta
Option 2. Jurassic Ninja - available for logged-in A12s🚀 Launch a JN site with this branch 🚀 ℹ️ Install this Tampermonkey script to get more options. Build info:
Note: the build is updated when a new commit is pushed to this PR. |
Size Change: +1 B (0%) Total Size: 1.24 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wonderful job, tested, looks awesome!
@@ -17,9 +17,29 @@ export const makeWrappedComponent = < | |||
) => | |||
React.forwardRef< | |||
any, | |||
ComponentProps< T > & { useBundledComponent?: boolean } | |||
ComponentProps< T > & { | |||
useBundledComponent?: boolean; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
With your cleanup, are there existing usages of useBundledComponent
in the codebase, or are we planning on using it?
I wonder if we can just remove it 🤷
See WOOPMNT-5168
Changes proposed in this Pull Request
Updating the components Transactions (also some updates on Disputes) and Payments to use the WP components that come with the WP installation.
Some pages that use the Card component changed a little due to the newer Card be rounded on the borders. Disputes changes are covered by the new design in Figma (MFTBqaIP0YmS1luyVWmZfW-fi-726_40591), so no worries there.
For transactions, the new Card is rounded in contrast with the old one:
Before
After
For disputes, we're now using the the default 40px height for some components:
Buttons:
Before
After
TextControl
Before
After
Testing instructions
npm run changelog
to add a changelog file, choosepatch
to leave it empty if the change is not significant. You can add multiple changelog files in one PR by running this command a few times.Post merge