fix(onboarding-ui): Disable registration button when offline registra…

…tion succeed (#1227)
RocketChat · Nov 27, 2023 · 414b1fc · 414b1fc
1 parent bbb77d8
commit 414b1fc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/pretty-students-wonder.md b/.changeset/pretty-students-wonder.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/onboarding-ui": patch
+---
+
+Fix offline registration wizard validation
diff --git a/packages/onboarding-ui/src/forms/RegisterOfflineForm/steps/PasteStep.tsx b/packages/onboarding-ui/src/forms/RegisterOfflineForm/steps/PasteStep.tsx
@@ -17,7 +17,7 @@ const PasteStep = ({ setStep }: PasteStepProps): ReactElement => {
   const isMobile = !breakpoints.includes('md');
   const {
     register,
-    formState: { isSubmitting, isValid },
+    formState: { isSubmitting, isValidating, isSubmitSuccessful },
   } = useFormContext();
 
   return (
@@ -59,7 +59,11 @@ const PasteStep = ({ setStep }: PasteStepProps): ReactElement => {
       <Form.Footer>
         <Box display='flex' flexDirection='column'>
           <ButtonGroup vertical={isMobile} flexGrow={1}>
-            <Button type='submit' primary disabled={isSubmitting || !isValid}>
+            <Button
+              type='submit'
+              primary
+              disabled={isSubmitting || isValidating || isSubmitSuccessful}
+            >
               {t('component.form.action.completeRegistration')}
             </Button>
             <Button type='button' onClick={() => setStep(Steps.COPY)}>