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}
);
}