ON-44002 # Submission disabled tooltip and class

oneblink · Oct 3, 2024 · 3e67630 · 3e67630
1 parent 5f10b33
commit 3e67630
Showing 1 changed file with 27 additions and 19 deletions.
diff --git a/src/OneBlinkFormBase.tsx b/src/OneBlinkFormBase.tsx
@@ -1224,28 +1224,36 @@ function OneBlinkFormBase({
  </button>
  )}
  {isLastVisiblePage && (
- <button
- type="submit"
- className={clsx(
- 'button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form',
- { 'is-loading': isPreparingToSubmit },
- )}
- disabled={
- isPreview ||
- disabled ||
- isPreparingToSubmit ||
- !submissionConditionallyEnabled
+ <Tooltip
+ title={
+ submissionConditionallyEnabled
+ ? ''
+ : 'Submission disabled: Your inputs have not met the criteria for submission'
  }
  >
- <CustomisableButtonInner
- label={
- isInfoPage
- ? 'Done'
- : buttons?.submit?.label || 'Submit'
+ <button
+ type="submit"
+ className={clsx(
+ `button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form${submissionConditionallyEnabled ? '' : ' ob-button-submit-is-disabled'}`,
+ { 'is-loading': isPreparingToSubmit },
+ )}
+ disabled={
+ isPreview ||
+ disabled ||
+ isPreparingToSubmit ||
+ !submissionConditionallyEnabled
  }
- icon={buttons?.submit?.icon}
- />
- </button>
+ >
+ <CustomisableButtonInner
+ label={
+ isInfoPage
+ ? 'Done'
+ : buttons?.submit?.label || 'Submit'
+ }
+ icon={buttons?.submit?.icon}
+ />
+ </button>
+ </Tooltip>
  )}
  </div>
  )}