Preview different Plan UI's with a radio toggle #6452
Conversation
dereksmart
added
[Status] Needs Review
| * Internal dependencies | ||
| */ | ||
| import { isDevVersion as _isDevVersion } from 'state/initial-state'; | ||
| import { switchMichaelsPlan } from 'state/dev-version'; |
There was a problem hiding this comment.
Let's not use people's names in our codebase?
| } | ||
| }; | ||
|
|
||
| export const switchMichaelsPlan = ( slug ) => { |
There was a problem hiding this comment.
How about "previewAnotherPlan" or something like that?
|
Noice! Should we just be showing this to all users running a dev version? Our goal over the next few months is to get many more beta testers, and this seems like it might be a bit unnecessary/confusing. What about a little footer link to turn this thing on? Or... |
dereksmart
force-pushed
the
add/switch-plan-view
branch
from
b65fe68 to
3593238
Compare
Ha, the eternal quest of MOAR testers. I was thinking of putting it behind a filter. |
…rd. Added footer link to allow toggling of plans.
|
I've decided against using a filter, and instead updated this to add state/actions to be able to toggle the devcard. I've added a link to toggle it specifically in the footer in dev versions only, similar to how we have This is what it looks like |
|
Love it! |
samhotchkiss
added
[Status] Ready to Merge
dereksmart
removed
the
[Status] Ready to Merge
This PR adds a new component
DevCardto the mix, which is rendered in the footer only if Jetpack is running in a development version.Right now it only allows you to toggle between different Jetpack plans so that you're able to view the UI differences.
Toggling between these is not actually changing your plan, it is only updating the state for viewing/testing purposes of the UI -- aka: Your plan is expected to revert back to your actual plan when the /site endpoint is queried next, so that is NOT a bug.
There is no doubt that this can be improved/expanded a great deal in the future (and it will), but for now this PR is meant to be a quick win for designers/growth when they are testing differences between plans.
To Test:
/wp-admin/admin.php?page=jetpack#/planstab.4.8, make sure the component does not render.