diff --git a/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx b/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx index 33fda941b..6a8041f1e 100644 --- a/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx +++ b/apps/nextjs/src/app/[locale]/manage/users/create/_components/stepper.component.tsx @@ -9,13 +9,14 @@ import { Avatar, Card, IconUserCheck, + PasswordInput, Stack, Stepper, Text, TextInput, Title, } from "@homarr/ui"; -import { z } from "@homarr/validation"; +import { validation, z } from "@homarr/validation"; import { StepperNavigationComponent } from "./stepper-navigation.component"; @@ -48,7 +49,20 @@ export const UserCreateStepperComponent = () => { validateInputOnChange: true, }); - const allForms = [generalForm]; + const securityForm = useForm({ + initialValues: { + password: "", + }, + validate: zodResolver( + z.object({ + password: validation.user.password + }), + ), + validateInputOnBlur: true, + validateInputOnChange: true, + }); + + const allForms = [generalForm, securityForm]; const canNavigateToNextStep = allForms[active]?.isValid() ?? true; @@ -104,12 +118,22 @@ export const UserCreateStepperComponent = () => { - Step 2 +
+ + + + + +