@@ -63,12 +63,12 @@ const STEPS: Array<{
6363 hint : string ;
6464 icon : typeof Lock ;
6565} > = [
66- { id : "account" , label : "Account" , hint : "Credentials" , icon : Lock } ,
67- { id : "identity" , label : "Identity" , hint : "Who you are" , icon : UserIcon } ,
68- { id : "profile" , label : "Profile" , hint : "Bio & files" , icon : FileText } ,
69- { id : "links" , label : "Links" , hint : "Socials" , icon : LinkIcon } ,
70- { id : "review" , label : "Review" , hint : "Confirm & submit" , icon : ClipboardCheck } ,
71- ] ;
66+ { id : "account" , label : "Account" , hint : "Credentials" , icon : Lock } ,
67+ { id : "identity" , label : "Identity" , hint : "Who you are" , icon : UserIcon } ,
68+ { id : "profile" , label : "Profile" , hint : "Bio & files" , icon : FileText } ,
69+ { id : "links" , label : "Links" , hint : "Socials" , icon : LinkIcon } ,
70+ { id : "review" , label : "Review" , hint : "Confirm & submit" , icon : ClipboardCheck } ,
71+ ] ;
7272
7373export function RegistrationContainer ( {
7474 onSuccess,
@@ -487,21 +487,21 @@ export function RegistrationContainer({
487487
488488 const handleFieldBlur =
489489 ( fieldName : string ) =>
490- ( e ?: React . FocusEvent < HTMLInputElement | HTMLTextAreaElement > ) => {
491- const value =
492- fieldName === "phone" ? registerData . phone : e ?. target . value || "" ;
493- const error = validateField ( fieldName , value ) ;
490+ ( e ?: React . FocusEvent < HTMLInputElement | HTMLTextAreaElement > ) => {
491+ const value =
492+ fieldName === "phone" ? registerData . phone : e ?. target . value || "" ;
493+ const error = validateField ( fieldName , value ) ;
494494
495- if ( error ) {
496- setErrors ( ( prev ) => ( { ...prev , [ fieldName ] : error } ) ) ;
497- } else {
498- setErrors ( ( prev ) => {
499- const newErrors = { ...prev } ;
500- delete newErrors [ fieldName ] ;
501- return newErrors ;
502- } ) ;
503- }
504- } ;
495+ if ( error ) {
496+ setErrors ( ( prev ) => ( { ...prev , [ fieldName ] : error } ) ) ;
497+ } else {
498+ setErrors ( ( prev ) => {
499+ const newErrors = { ...prev } ;
500+ delete newErrors [ fieldName ] ;
501+ return newErrors ;
502+ } ) ;
503+ }
504+ } ;
505505
506506 const validateAllFields = ( ) : Record < string , string > => {
507507 const validationErrors : Record < string , string > = { } ;
@@ -1174,7 +1174,7 @@ export function RegistrationContainer({
11741174 < div className = "flex flex-col gap-6 w-full max-w-[760px] mx-auto" >
11751175 { /* ===================== HERO / OPERATOR BRIEFING ===================== */ }
11761176 < header className = "relative overflow-hidden rounded-lg border border-[var(--border-soft)] bg-surface-1/60 backdrop-blur-[6px]" >
1177- < div className = "relative z-10 flex flex-col gap-4 p-5 sm:p-7" >
1177+ < div className = "relative z-10 flex flex-col gap-4 p-5 sm:p-7" >
11781178 < div className = "flex items-center gap-2 font-mono text-[10.5px] uppercase tracking-[0.22em] text-brand" >
11791179 < span className = "inline-flex w-1.5 h-1.5 rounded-full bg-brand shadow-glow-sm" />
11801180 < span > ></ span >
@@ -1484,7 +1484,7 @@ export function RegistrationContainer({
14841484 < div className = "flex flex-col gap-1.5" >
14851485 < FormInput
14861486 label = "Full Name"
1487- placeholder = "John Doe "
1487+ placeholder = "Narendra Damodardas Modi "
14881488 required
14891489 value = { registerData . name }
14901490 onChange = { ( e ) =>
@@ -1711,10 +1711,10 @@ export function RegistrationContainer({
17111711 { authMethod === "google"
17121712 ? reviewRow ( "Sign-in" , "Google" , 0 )
17131713 : reviewRow (
1714- "Password" ,
1715- registerData . password ? "••••••••" : "" ,
1716- 0 ,
1717- ) }
1714+ "Password" ,
1715+ registerData . password ? "••••••••" : "" ,
1716+ 0 ,
1717+ ) }
17181718 </ div >
17191719
17201720 < div className = "rounded-md border border-[var(--border-soft)] bg-surface-inset/50 p-4" >
@@ -1832,7 +1832,7 @@ export function RegistrationContainer({
18321832 < p className = "mt-1 text-[12px] text-ink-secondary font-normal" >
18331833 Required. Covers respect, fair play, and venue rules.
18341834 </ p >
1835-
1835+
18361836 { ! acceptedCodeOfConduct && (
18371837 < div className = "mt-3 flex flex-col items-start gap-2" >
18381838 < div className = "inline-flex items-center gap-1.5 px-2 py-1 rounded bg-[var(--warning-soft)] text-[var(--warning)] text-[11px] font-mono tracking-wide uppercase border border-[var(--warning)]/20" >
@@ -1913,40 +1913,40 @@ export function RegistrationContainer({
19131913 authMethod === "email" &&
19141914 ! accountFieldsVisible
19151915 ) && (
1916- < div className = "flex items-center justify-between gap-3 pt-2 mt-1" >
1917- < Button
1918- type = "button"
1919- variant = "ghost"
1920- onClick = { goBack }
1921- disabled = { currentStepIndex === 0 }
1922- >
1923- < ChevronLeft className = "w-4 h-4 mr-1.5" />
1924- Back
1925- </ Button >
1926- < div className = "font-mono text-[10.5px] uppercase tracking-[0.22em] text-ink-muted hidden sm:block" >
1927- { STEPS . length - currentStepIndex - 1 } step
1928- { STEPS . length - currentStepIndex - 1 === 1 ? "" : "s" } to go
1916+ < div className = "flex items-center justify-between gap-3 pt-2 mt-1" >
1917+ < Button
1918+ type = "button"
1919+ variant = "ghost"
1920+ onClick = { goBack }
1921+ disabled = { currentStepIndex === 0 }
1922+ >
1923+ < ChevronLeft className = "w-4 h-4 mr-1.5" />
1924+ Back
1925+ </ Button >
1926+ < div className = "font-mono text-[10.5px] uppercase tracking-[0.22em] text-ink-muted hidden sm:block" >
1927+ { STEPS . length - currentStepIndex - 1 } step
1928+ { STEPS . length - currentStepIndex - 1 === 1 ? "" : "s" } to go
1929+ </ div >
1930+ < Button
1931+ type = "button"
1932+ variant = "primary"
1933+ onClick = { goNext }
1934+ disabled = { checkingAvailability }
1935+ >
1936+ { checkingAvailability ? (
1937+ < >
1938+ < Spinner size = "sm" className = "mr-2" />
1939+ Checking…
1940+ </ >
1941+ ) : (
1942+ < >
1943+ Continue
1944+ < ChevronRight className = "w-4 h-4 ml-1.5" />
1945+ </ >
1946+ ) }
1947+ </ Button >
19291948 </ div >
1930- < Button
1931- type = "button"
1932- variant = "primary"
1933- onClick = { goNext }
1934- disabled = { checkingAvailability }
1935- >
1936- { checkingAvailability ? (
1937- < >
1938- < Spinner size = "sm" className = "mr-2" />
1939- Checking…
1940- </ >
1941- ) : (
1942- < >
1943- Continue
1944- < ChevronRight className = "w-4 h-4 ml-1.5" />
1945- </ >
1946- ) }
1947- </ Button >
1948- </ div >
1949- ) }
1949+ ) }
19501950
19511951 { currentStep . id === "review" && currentStepIndex > 0 && (
19521952 < div className = "flex items-center justify-between gap-3 pt-2 mt-1" >
0 commit comments