diff --git a/src/components/Onboarding/onboarding-steps.tsx b/src/components/Onboarding/onboarding-steps.tsx index 5b476c934..c475aa14f 100644 --- a/src/components/Onboarding/onboarding-steps.tsx +++ b/src/components/Onboarding/onboarding-steps.tsx @@ -24,7 +24,7 @@ export const OnboardingSteps = ({ isUpdate }: { isUpdate: boolean }) => { )} - + diff --git a/src/components/Onboarding/step-create-account.tsx b/src/components/Onboarding/step-create-account.tsx index a2dc50fbb..de7a8b3d8 100644 --- a/src/components/Onboarding/step-create-account.tsx +++ b/src/components/Onboarding/step-create-account.tsx @@ -1,5 +1,6 @@ -import { Button, PasswordInput, Stack, TextInput, Title } from '@mantine/core'; +import { Button, Group, PasswordInput, Stack, TextInput, Title } from '@mantine/core'; import { useForm } from '@mantine/form'; +import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react'; import { signIn } from 'next-auth/react'; import { useState } from 'react'; import { z } from 'zod'; @@ -9,7 +10,13 @@ import { signUpFormSchema } from '~/validations/user'; import { OnboardingStepWrapper } from './common-wrapper'; -export const StepCreateAccount = ({ next }: { next: () => void }) => { +export const StepCreateAccount = ({ + previous, + next, +}: { + previous: () => void; + next: () => void; +}) => { const [isSigninIn, setIsSigninIn] = useState(false); const { mutateAsync } = api.user.createOwnerAccount.useMutation(); const { i18nZodResolver } = useI18nZodResolver(); @@ -43,14 +50,13 @@ export const StepCreateAccount = ({ next }: { next: () => void }) => { Create your administrator account -
+ @@ -59,6 +65,7 @@ export const StepCreateAccount = ({ next }: { next: () => void }) => { size="md" w="100%" label="Password" + variant="filled" withAsterisk {...form.getInputProps('password')} /> @@ -67,12 +74,23 @@ export const StepCreateAccount = ({ next }: { next: () => void }) => { size="md" w="100%" label="Confirm password" + variant="filled" withAsterisk {...form.getInputProps('passwordConfirmation')} /> - + + + +