diff --git a/comprl-web-reflex/comprl_web/reflex_local_auth/pages/components.py b/comprl-web-reflex/comprl_web/reflex_local_auth/pages/components.py index 761f5ef..562fc3d 100644 --- a/comprl-web-reflex/comprl_web/reflex_local_auth/pages/components.py +++ b/comprl-web-reflex/comprl_web/reflex_local_auth/pages/components.py @@ -10,8 +10,10 @@ def input_100w(name, **props) -> rx.Component: Returns: A reflex component. """ + if "placeholder" not in props: + props["placeholder"] = name.replace("_", " ").title() + return rx.input( - placeholder=name.replace("_", " ").title(), id=name, name=name, width="100%", diff --git a/comprl-web-reflex/comprl_web/reflex_local_auth/pages/registration.py b/comprl-web-reflex/comprl_web/reflex_local_auth/pages/registration.py index 39324cd..9b0de82 100644 --- a/comprl-web-reflex/comprl_web/reflex_local_auth/pages/registration.py +++ b/comprl-web-reflex/comprl_web/reflex_local_auth/pages/registration.py @@ -35,11 +35,16 @@ def register_form() -> rx.Component: rx.heading("Create an account", size="7"), register_error(), rx.text("Registration Key"), - input_100w("key"), - rx.text("Username"), - input_100w("username"), - rx.text("Password"), - input_100w("password", type="password"), + input_100w("key", placeholder="The key you got in the lecture"), + rx.text( + "Username (please use the pattern 'teamname-algorithm'," + " e.g. 'team1-ppo')" + ), + input_100w("username", placeholder="teamname-algorithm"), + rx.text("Password (Note: Password cannot be changed or recovered later)"), + input_100w( + "password", type="password", placeholder="Password (min. 8 chars)" + ), rx.text("Repeat Password"), input_100w("confirm_password", type="password"), rx.button("Sign up", width="100%"),