Skip to content

Conversation

@xavier-lc
Copy link
Contributor

@xavier-lc xavier-lc commented Oct 31, 2025

Fixes DOTTHEM-62

Proposed Changes

  • Increase w (the output width) on the mShots settings used for the design picker thumbnails.

Why are these changes being made?

  • The images on the theme step of the DIFM flow are low quality:
image

Testing Instructions

  • Open the live preview
  • Go to /start/do-it-for-me/new-or-existing-site
  • Click next steps until you reach the Design step
  • Check that the images have a higher resolution than on production
Before After
image image

Pre-merge Checklist

  • Has the general commit checklist been followed? (PCYsg-hS-p2)
  • Have you written new tests for your changes?
  • Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
  • Have you checked for TypeScript, React or other console errors?
  • Have you tested accessibility for your changes? Ensure the feature remains usable with various user agents (e.g., browsers), interfaces (e.g., keyboard navigation), and assistive technologies (e.g., screen readers) (PCYsg-S3g-p2).
  • Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
  • Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
    • For UI changes, have we tested the change in various languages (for example, ES, PT, FR, or DE)? The length of text and words vary significantly between languages.
  • For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

Xavier Lozano Carreras added 3 commits October 31, 2025 14:55
`MShotsImage` already checks whether `options?.oldHighResImageLoading` is truthy, and if so renders `MShotsImageTreatment` instead of `MShotsImageControl`
@xavier-lc xavier-lc self-assigned this Oct 31, 2025
@github-actions
Copy link

github-actions bot commented Oct 31, 2025

@matticbot
Copy link
Contributor

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

  • blaze-dashboard
  • command-palette-wp-admin
  • help-center
  • notifications
  • odyssey-stats
  • wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug DOTTHEM-62/update-difm-theme-step on your sandbox.

Comment on lines -268 to -280
if ( options?.oldHighResImageLoading ) {
return scrollable ? (
<div className={ className } style={ style } aria-labelledby={ labelledby }>
<img ref={ imgRef } className="mshots-dummy-image" aria-hidden="true" alt="" />
</div>
) : (
<img
ref={ imgRef }
{ ...{ className, style, src, alt, loading } }
aria-labelledby={ labelledby }
/>
);
} // else, prettier doesn't like having an else after a return
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This code was unreachable, MShotsImage already checks whether options?.oldHighResImageLoading is truthy, and if so renders MShotsImageTreatment instead of MShotsImageControl.

@xavier-lc xavier-lc requested a review from a team October 31, 2025 16:33
@matticbot matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Oct 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants