fix(auth): drop the redundant "Continue with" from the Google sign-in button (#6862)

The login and signup social buttons sit under an "Or continue with" divider,
so "Continue with Google" read as "Or continue with Continue with Google" —
and its siblings on the same stack are bare "GitHub" and "Microsoft". Restore
"Google" and hand the icon back to the chip's own leftIcon slot so it picks up
the canonical 16px chipContentIconClass instead of a className size override.

The landing auth modal is a different surface: every button there reads
"Continue with X" (Microsoft, GitHub, email), so its Google label is correct
and stays. Only its icon changes, 20px back to the 18px both siblings use.
This commit is contained in:
Waleed
2026-08-19 14:02:52 -07:00
committed by GitHub
parent 5d6268db91
commit 7c8d290281
2 changed files with 3 additions and 3 deletions
@@ -85,12 +85,12 @@ export function SocialLoginButtons({
const googleButton = (
<Chip
fullWidth
leftAdornment={<GoogleIcon className='size-[20px] shrink-0' />}
leftIcon={GoogleIcon}
className={cn(AUTH_BUTTON_CLASS, 'border border-[var(--border-1)]')}
disabled={!googleAvailable || isGoogleLoading}
onClick={signInWithGoogle}
>
{isGoogleLoading ? 'Connecting…' : 'Continue with Google'}
{isGoogleLoading ? 'Connecting…' : 'Google'}
</Chip>
)
@@ -202,7 +202,7 @@ export function AuthModal({ children, defaultView = 'login', source }: AuthModal
disabled={!!socialLoading}
className={SOCIAL_BTN}
>
<GoogleIcon className='absolute left-4 size-[20px] shrink-0' />
<GoogleIcon className='absolute left-4 size-[18px] shrink-0' />
<span>
{socialLoading === 'google' ? 'Connecting...' : 'Continue with Google'}
</span>