fix(app): disable exit button after successful pipette attach/detach …

…and 1 click

After a pipette is attached or detached successfully, the exit button should only be clickable once,
so that many home commands are not emitted in rapid succession with each click.

Closes RQA-2731

app/src/organisms/ChangePipette/ConfirmPipette.tsx

@@ -58,6 +58,7 @@ export function ConfirmPipette(props: ConfirmPipetteProps): JSX.Element {
     actualPipette,
     setConfirmPipetteLevel,
     confirmPipetteLevel,
+    isDisabled,
   } = props
   const { t } = useTranslation('change_pipette')
 
@@ -141,6 +142,7 @@ export function ConfirmPipette(props: ConfirmPipetteProps): JSX.Element {
           <SuccessAndExitButtons
             {...props}
             confirmPipetteLevel={confirmPipetteLevel}
+            isDisabled={isDisabled}
           />
         ) : null}
       </>
@@ -221,6 +223,7 @@ function SuccessAndExitButtons(props: ConfirmPipetteProps): JSX.Element {
     toCalibrationDashboard,
     success,
     wrongWantedPipette,
+    isDisabled,
   } = props
   const { t } = useTranslation('change_pipette')
   return (
@@ -234,7 +237,11 @@ function SuccessAndExitButtons(props: ConfirmPipetteProps): JSX.Element {
           {t('calibrate_pipette_offset')}
         </SecondaryButton>
       ) : null}
-      <PrimaryButton textTransform={TEXT_TRANSFORM_CAPITALIZE} onClick={exit}>
+      <PrimaryButton
+        textTransform={TEXT_TRANSFORM_CAPITALIZE}
+        onClick={exit}
+        disabled={isDisabled}
+      >
         {t('shared:exit')}
       </PrimaryButton>
     </>