[Blaze] Enhance loading UI for product image in Blaze Campaign Creation form #15098
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.
Fixes #15094
While creating a new Blaze Ad Campaign, during the loading process, you might notice a large t-shirt on the transition screen. This t-shirt serves as the placeholder for the campaign image in case there is no image associated with the product.
So in this PR I
BlazeCampaignCreationForm
to add redacted and shimmering effects when loading product image.isLoadingProductImage
visibility inBlazeCampaignCreationFormViewModel
to be read-only and set default to true since the image will be fetched async.Steps to reproduce
Testing information
Repeat the steps to reproduce, and you should now see a redacted and shimmering effect on the loading product image, or a placeholder t-shirt image if there is no image to load.
Video
The error alert in this video appears because the AI suggestion service was offline while recording the video. C069RG07W6S/p1738935520270549
fix.issue.blaze.loading.mp4
RELEASE-NOTES.txt
if necessary.Reviewer (or Author, in the case of optional code reviews):
Please make sure these conditions are met before approving the PR, or request changes if the PR needs improvement: