@@ -388,7 +388,11 @@ export default function StewardLoginSection() {
388388 return (
389389 < div className = "flex flex-col items-center gap-4 py-8" >
390390 < div className = "h-8 w-8 animate-spin rounded-full border-2 border-white border-t-transparent" />
391- < p className = "text-sm text-white/72" > Redirecting to dashboard...</ p >
391+ < p className = "text-sm text-white/72" >
392+ { t ( "cloud.login.redirecting" , {
393+ defaultValue : "Redirecting to dashboard..." ,
394+ } ) }
395+ </ p >
392396 </ div >
393397 ) ;
394398 }
@@ -422,10 +426,16 @@ export default function StewardLoginSection() {
422426 className = "flex flex-col items-center gap-4 py-8"
423427 role = "status"
424428 aria-busy = "true"
425- aria-label = "Loading sign-in options"
429+ aria-label = { t ( "cloud.login.loadingOptions.aria" , {
430+ defaultValue : "Loading sign-in options" ,
431+ } ) }
426432 >
427433 < div className = "h-8 w-8 animate-spin rounded-full border-2 border-white border-t-transparent" />
428- < p className = "text-sm text-white/72" > Loading sign-in options...</ p >
434+ < p className = "text-sm text-white/72" >
435+ { t ( "cloud.login.loadingOptions" , {
436+ defaultValue : "Loading sign-in options..." ,
437+ } ) }
438+ </ p >
429439 </ div >
430440 ) ;
431441 }
@@ -444,7 +454,9 @@ export default function StewardLoginSection() {
444454 < input
445455 ref = { emailInputRef }
446456 type = "email"
447- placeholder = "you@example.com"
457+ placeholder = { t ( "cloud.login.emailPlaceholder" , {
458+ defaultValue : "you@example.com" ,
459+ } ) }
448460 value = { email }
449461 onChange = { ( e ) => setEmail ( e . target . value ) }
450462 onKeyDown = { ( e ) => {
@@ -463,7 +475,8 @@ export default function StewardLoginSection() {
463475 disabled = { isLoading }
464476 className = "flex flex-1 items-center justify-center gap-2 bg-[#FF5800] px-4 py-3 font-semibold text-white transition-colors hover:bg-[#FF5800]/85 disabled:opacity-50"
465477 >
466- { loading === "passkey" ? < Spinner /> : < PasskeyIcon /> } Passkey
478+ { loading === "passkey" ? < Spinner /> : < PasskeyIcon /> } { " " }
479+ { t ( "cloud.login.button.passkey" , { defaultValue : "Passkey" } ) }
467480 </ button >
468481 ) }
469482 { providers . email !== false && (
@@ -473,7 +486,10 @@ export default function StewardLoginSection() {
473486 disabled = { isLoading }
474487 className = "flex flex-1 items-center justify-center gap-2 border border-white/30 bg-black/40 px-4 py-3 font-semibold text-white transition-colors hover:bg-white/10 disabled:opacity-50"
475488 >
476- { loading === "email" ? < Spinner /> : < EmailIcon /> } Magic Link
489+ { loading === "email" ? < Spinner /> : < EmailIcon /> } { " " }
490+ { t ( "cloud.login.button.magicLink" , {
491+ defaultValue : "Magic Link" ,
492+ } ) }
477493 </ button >
478494 ) }
479495 </ div >
0 commit comments