fixed ToS progress bar bugs

zacharyLYH · Nov 10, 2023 · 087852b · 087852b
1 parent 49b32a3
commit 087852b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/components/ui/useCode/StepOne.tsx b/components/ui/useCode/StepOne.tsx
@@ -30,6 +30,7 @@ export function StepOne() {
                 message: "Invalid email address.",
             })
             .default(email),
+
         accept: z
             .literal<boolean>(true, {
                 errorMap: () => ({

diff --git a/components/ui/useCode/Stepper-Form.tsx b/components/ui/useCode/Stepper-Form.tsx
@@ -12,7 +12,7 @@ export function StepperForm() {
 
     useEffect(() => {
         setChallenge("");
-        setCheck(true);
+        setCheck(false);
         setEmail("");
         setProgress(0);
         setStep(1);

diff --git a/components/ui/useCode/TOS-FormField.tsx b/components/ui/useCode/TOS-FormField.tsx
@@ -23,16 +23,16 @@ export function TOSFormField(form: any) {
                     <FormControl>
                         <div className='flex'>
                             <Input
-                                defaultChecked={false}
+                                defaultChecked={check}
                                 type='checkbox'
                                 checked={field.value}
                                 onChange={field.onChange}
                                 onClick={() => {
                                     setCheck(!check);
                                     setProgress(
                                         check
-                                            ? progress + progressIncrements
-                                            : progress - progressIncrements
+                                            ? progress - progressIncrements
+                                            : progress + progressIncrements
                                     );
                                 }}
                                 className='peer mr-[10px] mt-[5px] h-4 w-[20px] cursor-pointer'