diff --git a/app/signup/page.tsx b/app/signup/page.tsx index 5b21eb2..33a17e1 100644 --- a/app/signup/page.tsx +++ b/app/signup/page.tsx @@ -525,6 +525,8 @@ export default function SignupPage() { variant="outline" size="md" className="w-full" + label="Sign up with Google" + loadingLabel="Signing up..." /> )} @@ -578,7 +580,7 @@ export default function SignupPage() {

Please verify your email to activate your account

- We have sent an activation email to {email || "your email"}; if you don't receive it, please check your spam folder or try again later + We have sent an activation email to {email || "your email"}; if you don't receive it, please check your spam folder or try again later

diff --git a/components/pages/login.tsx b/components/pages/login.tsx index 8defed2..1103b0a 100644 --- a/components/pages/login.tsx +++ b/components/pages/login.tsx @@ -297,6 +297,8 @@ export default function Login() { variant="outline" size="md" className="w-full" + label="Sign in with Google" + loadingLabel="Signing in..." /> )} diff --git a/components/ui/google-login-button.tsx b/components/ui/google-login-button.tsx index df83dbc..1f4e085 100644 --- a/components/ui/google-login-button.tsx +++ b/components/ui/google-login-button.tsx @@ -11,6 +11,10 @@ interface GoogleLoginButtonProps { className?: string; size?: "sm" | "md" | "lg"; variant?: "default" | "outline"; + /** Button label when not loading */ + label?: string; + /** Button label when loading */ + loadingLabel?: string; } // Google logo SVG component matching the exact reference @@ -83,6 +87,8 @@ export const GoogleLoginButton = React.forwardRef< className, size = "md", variant = "default", + label = "Google Login", + loadingLabel = "Signing in...", ...props }, ref @@ -147,7 +153,7 @@ export const GoogleLoginButton = React.forwardRef< // Custom className className )} - aria-label={loading ? "Signing in with Google" : "Google Login"} + aria-label={loading ? loadingLabel : label} aria-disabled={isDisabled} role="button" tabIndex={isDisabled ? -1 : 0} @@ -158,9 +164,7 @@ export const GoogleLoginButton = React.forwardRef< ) : ( )} - - {loading ? "Signing in..." : "Google Login"} - + {loading ? loadingLabel : label} ); }