diff --git a/src/components/form/SignUpForm.tsx b/src/components/form/SignUpForm.tsx index 463f9eaa..422cfd5d 100644 --- a/src/components/form/SignUpForm.tsx +++ b/src/components/form/SignUpForm.tsx @@ -1,6 +1,7 @@ 'use client'; import { ApolloError, useApolloClient } from '@apollo/client'; +import stringEntropy from 'fast-password-entropy'; import { ArrowLeft, Eye, EyeOff, Loader2 } from 'lucide-react'; import Link from 'next/link'; import { useSearchParams } from 'next/navigation'; @@ -22,6 +23,7 @@ import { WorkerMessage, WorkerResponse } from '@/workers/account/types'; import { Button } from '../ui/button-v2'; import { Checkbox } from '../ui/checkbox'; import { Label } from '../ui/label'; +import { Progress } from '../ui/progress'; import { useToast } from '../ui/use-toast'; import { WaitlistForm } from './WaitlistForm'; @@ -55,6 +57,8 @@ export function SignUpForm() { const [acceptTermsAndPrivacy, setAcceptTermsAndPrivacy] = useState(false); const [acceptPasswordWarning, setAcceptPasswordWarning] = useState(false); + const entropy = stringEntropy(password); + const onSubmit = async (e: FormEvent) => { e.preventDefault(); @@ -284,6 +288,8 @@ export function SignUpForm() { + +

{s('important')}

diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx index a2600883..65fb02ab 100644 --- a/src/components/ui/progress.tsx +++ b/src/components/ui/progress.tsx @@ -12,13 +12,13 @@ const Progress = React.forwardRef<