Skip to content
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

Latest Post Block: Refactor settings panel to use ToolsPanel #67956

Open
wants to merge 15 commits into
base: trunk
Choose a base branch
from

Conversation

karthick-murugan
Copy link
Contributor

@karthick-murugan karthick-murugan commented Dec 13, 2024

What?

Part of: #67813

Fixes #67931

Why?

Latest Post Block code to include ToolsPanel instead of PanelBody.

How?

Refactored Latest Post Block code to include ToolsPanel instead of PanelBody.

Testing Instructions

  • Login to Dashboard
  • Edit any post/ page
  • Add Archive Title block.
  • Check settings panel of the Latest Post block and verify the change.

Screenshots or screencast

Before

before_posts

After

after_posts

Copy link

github-actions bot commented Dec 13, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: karthick-murugan <[email protected]>
Co-authored-by: fabiankaegy <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@karthick-murugan karthick-murugan changed the title Latest Post Block: Refactor settings panel to use ToolsPanel #67915 Latest Post Block: Refactor settings panel to use ToolsPanel Dec 13, 2024
Copy link
Member

@fabiankaegy fabiankaegy left a comment

Choose a reason for hiding this comment

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

This one needs a little more refinement.

  1. We should ensure that every single control inside any of the ToolsPanel component gets their own ToolsPanelItem
  2. The UI of the Featured Image settings currently has some spacing issues:
    CleanShot 2024-12-13 at 15 41 48@2x
  3. We should ensure that all the defaults that render by default today have the isShownByDefault prop added so they cannot get removed.

Comment on lines +449 to +455
<ToolsPanelItem
hasValue={ () => order !== undefined }
label={ __( 'Sorting options' ) }
onDeselect={ () =>
setAttributes( { order: 'desc', orderBy: 'date' } )
}
>
Copy link
Member

Choose a reason for hiding this comment

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

Instead of one ToolsPanelItem called Sorting Options we should have each of the elements in this section as it's own ToolsPanelItem. That requires a bit of a larger refactor but we need to ensure each item can be reset on its own.

@fabiankaegy fabiankaegy added [Type] Enhancement A suggestion for improvement. [Block] Latest Posts Affects the Latest Posts Block labels Dec 13, 2024
@karthick-murugan
Copy link
Contributor Author

@fabiankaegy - Only fixed the spacing issues on the Featured Image settings. Need some advice on how to proceed for converting ImageSizeControl and QueryControls options to have their own reset and toolspanelitems.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Latest Posts Affects the Latest Posts Block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Refactor "Settings" panel of Latest Posts block to use ToolsPanel instead of PanelBody
2 participants