diff --git a/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx b/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx index b7df50c78..42d16c6bf 100644 --- a/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx +++ b/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx @@ -18,6 +18,7 @@ interface ConfirmModalProps { primaryBtndataTestid?: string; primaryBtnariaLabel?: string; secondoryBtnariaLabel?: string; + buttonLoading?:boolean; } export const ConfirmModal: React.FC = React.memo(({ @@ -34,7 +35,8 @@ export const ConfirmModal: React.FC = React.memo(({ secondoryBtndataTestid = 'cancel-button', primaryBtndataTestid = 'Confirm-button', primaryBtnariaLabel = 'Confirm Button', - secondoryBtnariaLabel = 'Cancel Button' + secondoryBtnariaLabel = 'Cancel Button', + buttonLoading= false, }) => { return ( <> @@ -89,6 +91,7 @@ export const ConfirmModal: React.FC = React.memo(({ onClick={primaryBtnAction} dataTestid={primaryBtndataTestid} ariaLabel={primaryBtnariaLabel} + buttonLoading={buttonLoading} /> = React.memo( }, { value: "minor", - label: `import as version ${fileItems?.form?.majorVersion}.${fileItems?.form?.minorVersion} (impacts previous and new submissions)`, + label: `import as version ${fileItems?.form?.majorVersion}.${fileItems?.form?.minorVersion + 1 } (impacts previous and new submissions)`, }, ]; diff --git a/forms-flow-theme/scss/_forms.scss b/forms-flow-theme/scss/_forms.scss index d97d127c6..e2d2d9986 100644 --- a/forms-flow-theme/scss/_forms.scss +++ b/forms-flow-theme/scss/_forms.scss @@ -459,3 +459,8 @@ select option:hover { display: none !important; } } + +.dashed-line { + width: 8.8125rem; + border-top: 0.1875rem dashed var(--ff-gray-300); +} \ No newline at end of file