Likes: display notice and link when you could use a Like block instead of the legacy Like butttons by jeherve · Pull Request #46726 · Automattic/jetpack

jeherve · 2026-01-22T14:33:01Z

Part of #46671

Proposed changes:

Extract the block theme notice from ShareButtons into a new reusable BlockThemeNotice component
Add the block theme notice to the Likes settings card for users on block-based themes, matching the existing notice that was displayed for the sharing buttons.
Add a link to configure your Like block in the site editor, when you use a block theme.

Before

After

Other information:

Have you written new tests for your changes, if applicable?
Have you checked the E2E test CI results, and verified that your changes do not break them?
Have you tested your changes on WordPress.com, if applicable (if so, you'll see a generated comment below with a script to run)?

Jetpack product discussion

Does this pull request change what data or activity we track or use?

No changes to tracking or data usage.

Testing instructions:

Activate a block-based theme (e.g., Twenty Twenty-Four)
Go to Jetpack → Settings → Sharing
Verify the "Sharing buttons" card shows the blue info notice suggesting to use the Sharing block
Toggle the sharing buttons on/off and verify the notice text changes appropriately
Verify the "Like buttons" card now also shows the blue info notice suggesting to use the Like block, as well. as a link to the site editor
Toggle the Like buttons on/off and verify the notice text changes appropriately
Switch to a classic theme (e.g., Twenty Twenty-One)
Verify neither card shows the block theme notice

Also fix curly apostrophe syntax error in component strings.

github-actions · 2026-01-22T14:34:22Z

Are you an Automattician? Please test your changes on all WordPress.com environments to help mitigate accidental explosions.

To test on WoA, go to the Plugins menu on a WoA dev site. Click on the "Upload" button and follow the upgrade flow to be able to upload, install, and activate the Jetpack Beta plugin. Once the plugin is active, go to Jetpack > Jetpack Beta, select your plugin (Jetpack), and enable the add/extract-block-theme-notice branch.
To test on Simple, run the following command on your sandbox:

bin/jetpack-downloader test jetpack add/extract-block-theme-notice

Interested in more tips and information?

In your local development environment, use the jetpack rsync command to sync your changes to a WoA dev blog.
Read more about our development workflow here: PCYsg-eg0-p2
Figure out when your changes will be shipped to customers here: PCYsg-eg5-p2

github-actions · 2026-01-22T14:34:25Z

Thank you for your PR!

When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:

✅ Include a description of your PR changes.
✅ Add a "[Status]" label (In Progress, Needs Review, ...).
✅ Add testing instructions.
✅ Specify whether this PR includes any changes to data or privacy.
✅ Add changelog entries to affected projects

This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖

Follow this PR Review Process:

Ensure all required checks appearing at the bottom of this PR are passing.
Make sure to test your changes on all platforms that it applies to. You're responsible for the quality of the code you ship.
You can use GitHub's Reviewers functionality to request a review.
When it's reviewed and merged, you will be pinged in Slack to deploy the changes to WordPress.com simple once the build is done.

If you have questions about anything, reach out in #jetpack-developers for guidance!

Jetpack plugin:

The Jetpack plugin has different release cadences depending on the platform:

WordPress.com Simple releases happen as soon as you deploy your changes after merging this PR (PCYsg-Jjm-p2).
WoA releases happen weekly.
Releases to self-hosted sites happen monthly:
- Scheduled release: February 3, 2026
- Code freeze: February 3, 2026

If you have any questions about the release process, please ask in the #jetpack-releases channel on Slack.

Copilot

Pull request overview

This PR extracts the block theme notice from the ShareButtons component into a reusable BlockThemeNotice component and applies it to both the Sharing and Likes settings cards. The refactoring follows the DRY principle while also fixing a typo in the original text.

Changes:

Created a new reusable BlockThemeNotice component with accompanying tests
Added isLikeBlockAvailable to Redux state management (mirroring the existing isSharingBlockAvailable pattern)
Applied the block theme notice to the Likes settings card for users on block-based themes

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
projects/plugins/jetpack/changelog/extract-block-theme-notice	Adds changelog entry for the enhancement
projects/plugins/jetpack/_inc/lib/admin-pages/class-jetpack-redux-state-helper.php	Adds `isLikeBlockAvailable` to Redux initial state following existing pattern
projects/plugins/jetpack/_inc/client/state/initial-state/reducer.js	Adds `isLikeBlockAvailable` selector function
projects/plugins/jetpack/_inc/client/sharing/share-buttons.jsx	Refactors to use new `BlockThemeNotice` component, removes duplicated code
projects/plugins/jetpack/_inc/client/sharing/likes.jsx	Adds block theme notice to Likes settings
projects/plugins/jetpack/_inc/client/sharing/index.jsx	Connects `isLikeBlockAvailable` state to component props
projects/plugins/jetpack/_inc/client/components/block-theme-notice/test/component.js	Adds comprehensive tests for the new component
projects/plugins/jetpack/_inc/client/components/block-theme-notice/index.jsx	New reusable component for displaying block theme notices

…eme-notice

Copilot

Pull request overview

Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.

jp-launch-control · 2026-01-22T14:56:54Z

Code Coverage Summary

Coverage changed in 5 files.

File	Coverage	Δ%	Δ Uncovered
projects/plugins/jetpack/_inc/client/sharing/likes.jsx	0/11 (0.00%)	0.00%	7 💔
projects/plugins/jetpack/_inc/client/state/initial-state/reducer.js	58/119 (48.74%)	-0.41%	1 ❤️‍🩹
projects/plugins/jetpack/_inc/lib/admin-pages/class-jetpack-redux-state-helper.php	161/272 (59.19%)	0.30%	0 💚
projects/plugins/jetpack/_inc/client/components/notice/index.jsx	22/29 (75.86%)	6.90%	-2 💚
projects/plugins/jetpack/_inc/client/sharing/share-buttons.jsx	0/19 (0.00%)	0.00%	-2 💚

1 file is newly checked for coverage.

File	Coverage
projects/plugins/jetpack/_inc/client/components/block-theme-notice/index.jsx	4/4 (100.00%) 💚

Full summary · PHP report · JS report

_{If appropriate, add one of these labels to override the failing coverage check:

Covered by non-unit tests
Use to ignore the Code coverage requirement check when E2Es or other non-unit tests cover the code

Coverage tests to be added later
Use to ignore the Code coverage requirement check when tests will be added in a follow-up PR

I don't care about code coverage for this PR
Use this label to ignore the check for insufficient code coveage.}

…tice/index.jsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.

…eme-notice

When a block theme is active and the Like block is available, show a "Configure your Like buttons" link that directs users to the site editor where they can add the block to their templates.

Copilot

Pull request overview

Copilot reviewed 8 out of 8 changed files in this pull request and generated no new comments.

arcangelini

Settings in Jetpack are hard for me because they are not 1 for 1 across self-hosted, atomic, and simple sites so please correct me if I missed something.

Simple

I was not able to find Jetpack ⇢ Settings ⇢ Sharing instead I ended up in /wp-admin ⇢ Settings ⇢ Sharing where I didn't see the changes reflected. This probably needs a wpcom patch? If this is the only way to toggle this setting on Simple sites it should be accounted for I believe. I guess we would just put it below the selector?

Atomic

Tested with block theme and without and it worked well. Not sure if its supposed to show up in the same place as Simple, but it says nothing about Like buttons in wp-admin/options-general.php?page=sharing... not related to this PR I think.

jeherve · 2026-01-28T09:05:54Z

I was not able to find Jetpack ⇢ Settings ⇢ Sharing instead I ended up in /wp-admin ⇢ Settings ⇢ Sharing where I didn't see the changes reflected.

Yes, the screens are different ; the Jetpack > Settings > Sharing screen is Jetpack-only, and has no equivalent on simple sites.

Settings > Sharing is available in all environments, includes some notices and logic for block themes, but would also benefit from a redesign. That's for another PR though, it's outside of the scope of the problem I'm addressing here.

I'll merge this for now, we can revisit the Settings > Sharing screen improvements in the future.

jeherve added 7 commits January 22, 2026 11:48

Add BlockThemeNotice component for block-based theme suggestions

ded9960

Add tests for BlockThemeNotice component

6ec469c

Also fix curly apostrophe syntax error in component strings.

Add isLikeBlockAvailable to Redux state helper

eb7842d

Add isLikeBlockAvailable selector to Redux state

dde6dcb

Pass Like block availability to sharing components

0e446aa

Refactor ShareButtons to use BlockThemeNotice component

0f9b715

Add BlockThemeNotice to Likes component for block theme users

92b9bb0

jeherve added the [Status] Needs Review This PR is ready for review. label Jan 22, 2026

Copilot AI review requested due to automatic review settings January 22, 2026 14:33

jeherve self-assigned this Jan 22, 2026

Copilot started reviewing on behalf of jeherve January 22, 2026 14:33 View session

jeherve added [Status] In Progress Enhancement [Feature] Likes Admin Page React-powered dashboard under the Jetpack menu [Block] Like [Pri] Normal and removed [Status] Needs Review This PR is ready for review. labels Jan 22, 2026

github-actions Bot added [Plugin] Jetpack Issues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/ [Tests] Includes Tests labels Jan 22, 2026

Add changelog entry for block theme notice extraction

b2fb54b

jeherve force-pushed the add/extract-block-theme-notice branch from 26758cf to b2fb54b Compare January 22, 2026 14:36

Copilot AI reviewed Jan 22, 2026

View reviewed changes

github-actions Bot added the Docs label Jan 22, 2026

jeherve added 2 commits January 22, 2026 15:43

Rename supportLink prop to redirectSlug for clarity

2ab8f6b

Merge remote-tracking branch 'origin/trunk' into add/extract-block-th…

d800883

…eme-notice

Copilot AI review requested due to automatic review settings January 22, 2026 14:44

jeherve force-pushed the add/extract-block-theme-notice branch from 812a60e to d800883 Compare January 22, 2026 14:44

Copilot started reviewing on behalf of jeherve January 22, 2026 14:45 View session

Copilot AI reviewed Jan 22, 2026

View reviewed changes

Comment thread projects/plugins/jetpack/_inc/client/components/block-theme-notice/index.jsx Outdated

Update projects/plugins/jetpack/_inc/client/components/block-theme-no…

ea17dc3

…tice/index.jsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Copilot AI review requested due to automatic review settings January 22, 2026 15:28

Copilot started reviewing on behalf of jeherve January 22, 2026 15:28 View session

Copilot AI reviewed Jan 22, 2026

View reviewed changes

Comment thread projects/plugins/jetpack/changelog/extract-block-theme-notice

jeherve added 3 commits January 23, 2026 16:37

Update like block support doc link

8eec653

Merge remote-tracking branch 'origin/trunk' into add/extract-block-th…

b2cf110

…eme-notice

Add site editor link to Likes card for block themes

3591c6c

When a block theme is active and the Like block is available, show a "Configure your Like buttons" link that directs users to the site editor where they can add the block to their templates.

Copilot AI review requested due to automatic review settings January 23, 2026 15:54

Copilot started reviewing on behalf of jeherve January 23, 2026 15:55 View session

Copilot AI reviewed Jan 23, 2026

View reviewed changes

jeherve added [Status] Needs Review This PR is ready for review. and removed [Status] In Progress labels Jan 23, 2026

jeherve requested a review from a team January 23, 2026 15:59

jeherve changed the title ~~Sharing: Extract block theme notice into reusable component~~ Likes: display notice and link when you could use a Like block instead of the legacy Like butttons Jan 23, 2026

jeherve mentioned this pull request Jan 23, 2026

Likes feature loads unminified render-blocking CSS on every page #46671

Closed

arcangelini reviewed Jan 27, 2026

View reviewed changes

jeherve merged commit 1db099f into trunk Jan 28, 2026
79 of 83 checks passed

jeherve deleted the add/extract-block-theme-notice branch January 28, 2026 09:06

github-actions Bot removed the [Status] Needs Review This PR is ready for review. label Jan 28, 2026

github-actions Bot added this to the jetpack/15.5 milestone Jan 28, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Likes: display notice and link when you could use a Like block instead of the legacy Like butttons#46726

Likes: display notice and link when you could use a Like block instead of the legacy Like butttons#46726
jeherve merged 14 commits intotrunkfrom
add/extract-block-theme-notice

jeherve commented Jan 22, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Jan 22, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Jan 22, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

jp-launch-control Bot commented Jan 22, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

arcangelini left a comment

Uh oh!

jeherve commented Jan 28, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

jeherve commented Jan 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Proposed changes:

Other information:

Jetpack product discussion

Does this pull request change what data or activity we track or use?

Testing instructions:

Uh oh!

github-actions Bot commented Jan 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Jan 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

jp-launch-control Bot commented Jan 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Code Coverage Summary

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

arcangelini left a comment

Choose a reason for hiding this comment

Simple

Atomic

Uh oh!

jeherve commented Jan 28, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

jeherve commented Jan 22, 2026 •

edited

Loading

github-actions Bot commented Jan 22, 2026 •

edited

Loading

github-actions Bot commented Jan 22, 2026 •

edited

Loading

jp-launch-control Bot commented Jan 22, 2026 •

edited

Loading