You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Refactors the Comment Date block's settings panel to use ToolsPanel instead of PanelBody for improved UI consistency and enhanced functionality.
Why?
This change aligns the Comment Date block with the ongoing effort to standardize block inspector controls across Gutenberg using ToolsPanel. The ToolsPanel component provides a better user experience with reset capabilities, improved organization, and consistent UI patterns across all blocks.
How?
Replaced PanelBody with ToolsPanel in the InspectorControls
Wrapped existing controls in ToolsPanelItem components
Added resetAll functionality to reset both format and link settings to their defaults
Added dropdown menu props for consistent UI behavior
Testing Instructions
Open comments-template block
Select the Comment Date block
Open the block inspector
Verify the "Settings" panel displays with ToolsPanel UI
Test the "Date format" control - change format and verify it works
Test the "Link to comment" toggle - enable/disable and verify functionality
Use the reset button to reset all settings
Verify both controls reset to their default values
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.
…ress#70248)
* Commen Date: Convert Comment Date block settings to ToolsPanel
* Comment Date: Use tools panel dropdown menu props and align with the trunk implementation
Co-authored-by: himanshupathak95 <abcd95@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What?
Closes #70238
Refactors the Comment Date block's settings panel to use
ToolsPanel
instead ofPanelBody
for improved UI consistency and enhanced functionality.Why?
This change aligns the Comment Date block with the ongoing effort to standardize block inspector controls across Gutenberg using
ToolsPanel
. TheToolsPanel
component provides a better user experience with reset capabilities, improved organization, and consistent UI patterns across all blocks.How?
PanelBody
withToolsPanel
in the InspectorControlsToolsPanelItem
componentsresetAll
functionality to reset both format and link settings to their defaultsTesting Instructions
Screenshots or screencast
Before
Screen.Recording.2025-05-29.at.20.37.28.mov
After
Screen.Recording.2025-05-29.at.20.36.44.mov