Merge pull request #8069 from opencrvs/disable-save-exit-button-on-async

feat(fetch-button): disable save and exit button also when a fetch in progress
opencrvs · Nov 26, 2024 · 71b5c7c · 71b5c7c
2 parents cb97021 + c5b54c3
commit 71b5c7c
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/client/src/views/RegisterForm/RegisterForm.tsx b/packages/client/src/views/RegisterForm/RegisterForm.tsx
@@ -260,14 +260,16 @@ function FormAppBar({
   duplicate,
   modifyDeclarationMethod,
   deleteDeclarationMethod,
-  printDeclarationMethod
+  printDeclarationMethod,
+  canSaveAndExit
 }: {
   duplicate: boolean | undefined
   section: IFormSection
   declaration: IDeclaration
   modifyDeclarationMethod: (declration: IDeclaration) => void
   deleteDeclarationMethod: (declration: IDeclaration) => void
   printDeclarationMethod: (declarationId: string) => void
+  canSaveAndExit: boolean
 }) {
   const intl = useIntl()
   const dispatch = useDispatch()
@@ -551,6 +553,7 @@ function FormAppBar({
                     id="save-exit-btn"
                     type="primary"
                     size="small"
+                    disabled={!canSaveAndExit}
                     onClick={handleSaveAndExit}
                   >
                     <Icon name="DownloadSimple" />
@@ -609,7 +612,12 @@ function FormAppBar({
             mobileRight={
               <>
                 {!isCorrection(declaration) && (
-                  <Button type="icon" size="small" onClick={handleSaveAndExit}>
+                  <Button
+                    type="icon"
+                    size="small"
+                    disabled={!canSaveAndExit}
+                    onClick={handleSaveAndExit}
+                  >
                     <Icon name="DownloadSimple" />
                   </Button>
                 )}
@@ -1047,6 +1055,7 @@ class RegisterFormView extends React.Component<FullProps, State> {
               modifyDeclarationMethod={this.props.modifyDeclaration}
               deleteDeclarationMethod={this.onDeleteDeclaration}
               printDeclarationMethod={this.props.goToPrintRecord}
+              canSaveAndExit={canContinue}
             />
           }
           key={activeSection.id}