Automattic / Automattic/wp-calypso

UI and text improvements for the GitHub social connection screen

Open
#89,613 1 comment 0 reactions 0 assignees View on GitHub
Sign Up with GitHub Social Signup
Dominant language
TypeScript
Stars
12.6k
Forks
2k
Avg merge
1d 18h
Merged PRs (30d)
531

Description

I've noticed a few issues with the GitHub social connect step.

After logging in with my GitHub account, I arrive at a screen where I am asked to connect my WordPress and GitHub accounts:

Screenshot 2024-04-17 at 14 31 26

- "Github" is spelled with a lowercase 'h' three times, whereas it should be uppercase: "GitHub"
- We could rewrite the main paragraph to be more concise: "Connect your WordPress.com and GitHub accounts to log in with GitHub."
- At this point in the process, asking the user to recover their password is unnecessary.
- The last paragraph and the Connect button are super wide.
- Less importantly, we could consider using a different image that displays both logos together, similar to our approach with Jetpack and WordPress in other places.

Contributor guide

Open the contributing guide

Research direction

Start by locating the GitHub social connect step shown in the attached screenshot and review its copy, password-recovery prompt, layout, and image. Done means the GitHub spelling and concise paragraph are used, the unnecessary recovery prompt is removed, the final paragraph and Connect button are narrower, and the screen has an appropriate logo image.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.