diff --git a/ui/src/app/initialize/page.tsx b/ui/src/app/initialize/page.tsx index 6a720dc..f0426a8 100644 --- a/ui/src/app/initialize/page.tsx +++ b/ui/src/app/initialize/page.tsx @@ -32,76 +32,83 @@ export default function Onboarding() { const handlePassword1Change = (event: ChangeEvent) => { setPassword1(event.target.value) } const handlePassword2Change = (event: ChangeEvent) => { setPassword2(event.target.value) } return ( -
-
+
+
+ +
+
+
-
-
-

Initialize GoCert

-
-
-

Create the initial admin user

-
-
- - -
- - -
- -

- Password must have 8 or more characters, must include at least one capital letter, one lowercase letter, and either a number or a symbol. -

- - - {!passwordIsValid(password1) && password1 != "" &&

Password is not valid

} - {passwordIsValid(password1) && !passwordsMatch && password2 != "" &&

Passwords do not match

} - {errorText && -
-
-
Error
-

{errorText.split("error: ")}

-
+
+
+
+

Initialize GoCert

+
+
+

Create the initial admin user

+ +
+ + +
+ +
- } - {!passwordsMatch || !passwordIsValid(password1) ? ( - <> - - - ) : ( - - )} -
- -
-
-
-
+ +

+ Password must have 8 or more characters, must include at least one capital letter, one lowercase letter, and either a number or a symbol. +

+ + + {!passwordIsValid(password1) && password1 != "" &&

Password is not valid

} + {passwordIsValid(password1) && !passwordsMatch && password2 != "" &&

Passwords do not match

} + {errorText && +
+
+
Error
+

{errorText.split("error: ")}

+
+
+ } + {!passwordsMatch || !passwordIsValid(password1) ? ( + <> + + + ) : ( + + )} +
+ +
+
+
+
+ ) } \ No newline at end of file