Skip to content

Conversation

@joelclimbsthings
Copy link
Contributor

@joelclimbsthings joelclimbsthings commented Apr 20, 2023

Submission Review Guidelines:

Changes proposed in this Pull Request:

Instead of injecting SVG directly into template, we're copying them as files into the assets folder and loading by URL.

Closes #37711 .

How to test the changes in this Pull Request:

  1. Run pnpm --filter=woocommerce/client/admin run build
  2. Check that the woocommerce/assets/client/admin directory contains a product-editor/icons directory with all the previously built assets.
  3. Run site, and enable product-block-editor feature flag via WCA Test Helper plugin.
  4. Navigate to Products -> Add New to view product block editor.
  5. Ensure the icons appear for the section headers in each section (Basic, Images, Pricing, Inventory, Shipping)

@joelclimbsthings joelclimbsthings changed the title Moving section icon svgs to assets folder to loading by URL Moving section icon svgs to assets folder and loading by URL Apr 20, 2023
@github-actions github-actions bot added focus: react admin [team:Ghidorah] plugin: woocommerce Issues related to the WooCommerce Core plugin. labels Apr 20, 2023
@joelclimbsthings joelclimbsthings self-assigned this Apr 20, 2023
@joelclimbsthings joelclimbsthings requested a review from a team April 20, 2023 01:08
@github-actions
Copy link
Contributor

github-actions bot commented Apr 20, 2023

Hi @mdperez86,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

@joelclimbsthings joelclimbsthings marked this pull request as ready for review April 20, 2023 01:09
@github-actions
Copy link
Contributor

github-actions bot commented Apr 20, 2023

Test Results Summary

Commit SHA: 23670ea

Test 🧪Passed ✅Failed 🚨Broken 🚧Skipped ⏭️Unknown ❔Total 📊Duration ⏱️
API Tests26700202690m 52s
E2E Tests1870010019713m 44s

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.

Copy link
Contributor

@mdperez86 mdperez86 left a comment

Choose a reason for hiding this comment

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

Nice job @joelclimbsthings LGTM! I just left some comments about the svg files properties.

@joelclimbsthings
Copy link
Contributor Author

Thanks @mdperez86 ! Great observations--I had just exported them straight from Figma, so it's a bit strange they weren't at least consistent. Fixed in 23670ea

Copy link
Contributor

@mdperez86 mdperez86 left a comment

Choose a reason for hiding this comment

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

LGTM @joelclimbsthings thanks

@joelclimbsthings joelclimbsthings merged commit 87da63e into trunk Apr 21, 2023
@joelclimbsthings joelclimbsthings deleted the update/product-section-icon-37711 branch April 21, 2023 18:53
@github-actions github-actions bot added this to the 7.8.0 milestone Apr 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

plugin: woocommerce Issues related to the WooCommerce Core plugin.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create SVG icons for product block editor sections and update template to use icon url

3 participants