Merge pull request #730 from oneblink/ON-44002

ON-44002 # Submission disabled tooltip and class
oneblink · Oct 3, 2024 · 6177c6c · 6177c6c
2 parents 5f10b33 + 62a3cc6
commit 6177c6c
Showing 1 changed file with 31 additions and 19 deletions.
diff --git a/src/OneBlinkFormBase.tsx b/src/OneBlinkFormBase.tsx
@@ -1224,28 +1224,40 @@ 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',
+ { 'is-loading': isPreparingToSubmit },
+ {
+ 'ob-button-submit-is-disabled':
+ submissionConditionallyEnabled,
+ },
+ )}
+ 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>
  )}