revert: add password entropy stength bar back in to signup (#58)

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<HTMLFormElement>) => {
     e.preventDefault();
 
@@ -284,6 +288,8 @@ export function SignUpForm() {
                 </button>
               </div>
 
+              <Progress value={Math.min(100, (entropy || 0) / 2)} />
+
               <p className="text-sm text-neutral-400">{s('important')}</p>
             </div>
 

src/components/ui/progress.tsx

@@ -12,13 +12,13 @@ const Progress = React.forwardRef<
   <ProgressPrimitive.Root
     ref={ref}
     className={cn(
-      'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',
+      'relative h-2 w-full overflow-hidden rounded-full bg-primary-v2/20',
       className
     )}
     {...props}
   >
     <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-primary transition-all"
+      className="h-full w-full flex-1 bg-primary-v2 transition-all"
       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
     />
   </ProgressPrimitive.Root>