Automattic / Automattic/jetpack

My Jetpack: show the standalone plugin status along with the product status on the product card

Open
#30,201 3 comments 0 reactions 0 assignees View on GitHub
[Package] My Jetpack Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

We added action menus to help handling the states related to the standalone plugin on hybrid products, but would be good to find a way to leave a hint about the plugin status on the card itself. On my drafts, I drawed something like this:

![image](https://user-images.githubusercontent.com/6760046/233174096-75643dd3-567d-4d17-972c-e6c913d398e3.png)

or

![image](https://user-images.githubusercontent.com/6760046/233174134-c4b4663b-9383-4cf0-b4a2-9321c404d3a2.png)

But it can be a badge, a disabled/enabled icon or other visual hint.

Contributor guide

Open the contributing guide

Research direction

Start from the My Jetpack product card described in the issue and compare the two attached mockups. Decide how the standalone plugin status should be represented on hybrid product cards, then verify that the card visibly distinguishes the plugin state from the product state.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.