Skip to content

Conversation

@mdperez86
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

Closes #35788

  • This PR is a very minor change/addition and does not require testing instructions (if checked you can ignore/remove the next section).

How to test the changes in this Pull Request:

  1. Go to Products -> Add New page or use and existing variable product
  2. Add as much attributes you can so you can generate more than 25 variations (This is the only way to see the pagination in action). Generate more than 25 variations of that product.
  3. Then copy the id of your product and then visit /wp-admin/admin.php?page=wc-admin&path=/product/{product_id}. Replace the {product_id} string with your real id.
  4. Under Options tab and in the Variations section you should see the pagination component at the botton of the list if and only if the product has more than 25 variations and if the items per page is less than the total amount of variations.

Screen.Recording.2022-12-14.at.2.41.27.PM.mov

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you created a changelog file for each project being changed, ie pnpm --filter=<project> changelog add?

FOR PR REVIEWER ONLY:

  • I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.

@mdperez86 mdperez86 self-assigned this Dec 14, 2022
@github-actions github-actions bot added focus: react admin plugin: woocommerce Issues related to the WooCommerce Core plugin. labels Dec 14, 2022
@mdperez86
Copy link
Contributor Author

This PR is blocked by #35976

@github-actions
Copy link
Contributor

github-actions bot commented Dec 14, 2022

Test Results Summary

Commit SHA: 5a9578f

Test 🧪Passed ✅Failed 🚨Broken 🚧Skipped ⏭️Unknown ❔Total 📊Duration ⏱️
API Tests25900202610m 50s
E2E Tests187006019315m 34s

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

joshuatf
joshuatf previously approved these changes Dec 14, 2022
Copy link
Contributor

@joshuatf joshuatf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Testing well and code looks great! Left one comment about adding in the text transform we discussed earlier, but pre-approving ✅

margin: 0;
}

&__footer {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know @jarekmorawski hasn't responded yet on whether or not we want to change this for all pagination components, but in the meantime I think it would be okay to update the styling just for variations to the casing in the design.
Screen Shot 2022-12-14 at 11 28 58 AM

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That was solved -> 53b3f20

@github-actions github-actions bot added the package: @woocommerce/components issues related to @woocommerce/components label Dec 14, 2022
Copy link
Contributor

@joshuatf joshuatf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great and is testing well on my end!

I committed one minor style change (feel free to revert if I was incorrect on this or if the styling looks different on your end) so that you can merge without needing to get approval again.

@mdperez86 mdperez86 merged commit 393cc62 into trunk Dec 15, 2022
@mdperez86 mdperez86 deleted the add/35788 branch December 15, 2022 13:13
@github-actions github-actions bot added this to the 7.3.0 milestone Dec 15, 2022
samueljseay pushed a commit that referenced this pull request Dec 15, 2022
* Add changelog

* Add pagination to variations list

* Apply styles for pagination paddings and to keep it at the bottom of the section card

* Returning back per page option from 2 to 25

* Fix pagination label text from uppercase to normal and font styles

* Update variation footer gap

Co-authored-by: Joshua T Flowers <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: @woocommerce/components issues related to @woocommerce/components plugin: woocommerce Issues related to the WooCommerce Core plugin.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add pagination to variations list

3 participants