Automattic / Automattic/wp-calypso

Editor: Simple Payments Placeholder

Open
#26,537 2 comments 0 reactions 0 assignees View on GitHub
[Feature] Post/Page Editor [Status] Stale Enhancement Simple Payments
Dominant language
TypeScript
Stars
12.6k
Forks
2k
Avg merge
1d 18h
Merged PRs (30d)
531

Description

As a follow up to https://github.com/Automattic/wp-calypso/pull/26469, I'll be a nice addition to the editor to have a Simple Payments placeholder while the product information loads.

#### Steps to reproduce
1. Starting with a Premium or Business Site
2. Add a Simple Payment Product to a Page or Post using the Editor.
3. Save or Update the Changes
4. Refresh the Editor Window

#### What I expected
To see a placeholder for the Simple Payments module while the Product information loads in the background.

#### What happened instead
The product content flashes, suddenly appearing on the editor.

#### Browser / OS version
All browsers and OS versions.

#### Screenshot / Video
![sp-placeholder](https://user-images.githubusercontent.com/233601/43799847-fa881cc2-9a64-11e8-8669-add9bc9f0987.gif)

Contributor guide

Open the contributing guide

Research direction

Start by reviewing PR #26469 and reproducing the issue in the Editor using the listed Simple Payment steps. Identify the existing Simple Payments editor entry point and verify that a placeholder remains visible while product information loads, without the content flashing into view.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.