FWF-3794:[Feature]-Added header and primary button props

AOT-Technologies · Oct 29, 2024 · e0f9358 · e0f9358
1 parent e492c7f
commit e0f9358
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/forms-flow-web/src/components/Form/EditForm/FormEdit.js b/forms-flow-web/src/components/Form/EditForm/FormEdit.js
@@ -983,6 +983,8 @@ const Edit = React.memo(() => {
         onClose={handleCloseSelectedAction}
         handleImport={handleImport}
         fileItems={fileItems}
+        headerText="Import File"
+        primaryButtonText="Confirm And Replace"
       />
 
       <ExportModal

diff --git a/forms-flow-web/src/components/Form/List.js b/forms-flow-web/src/components/Form/List.js
@@ -361,6 +361,8 @@ const List = React.memo((props) => {
                     description={description}
                     onClose={onCloseimportModal}
                     handleImport={handleImport}
+                    headerText="Import New Form"
+                    primaryButtonText="Confirm and Edit form"
                   />
                 </div>
               </div>

diff --git a/forms-flow-web/src/components/Modals/ImportModal.js b/forms-flow-web/src/components/Modals/ImportModal.js
@@ -7,7 +7,7 @@ import { CloseIcon, CustomButton, UploadIcon, SuccessIcon, FailedIcon, IButton,
 
 const ImportModal = React.memo(({ importFormModal, onClose, formSubmitted,
     uploadActionType, importError, importLoader, formName, description,
-    handleImport, fileItems }) => {
+    handleImport, fileItems,  headerText, primaryButtonText}) => {
 
     const computedStyle = getComputedStyle(document.documentElement);
     const redColor = computedStyle.getPropertyValue("--ff-red-000");
@@ -55,6 +55,7 @@ const ImportModal = React.memo(({ importFormModal, onClose, formSubmitted,
     };
 
     const onImport = () => {
+        closeModal();
         handleImport(selectedFile, uploadActionType.IMPORT,
             selectedLayoutVersion?.value, selectedFlowVersion?.value);
     };
@@ -80,7 +81,7 @@ const ImportModal = React.memo(({ importFormModal, onClose, formSubmitted,
         <Modal show={importFormModal} onHide={closeModal} centered={true} size="sm">
             <Modal.Header>
                 <Modal.Title>
-                    <b><Translation>{(t) => t("Import New Form")}</Translation></b>
+                    <b><Translation>{(t) => t(headerText)}</Translation></b>
                 </Modal.Title>
                 <div className="d-flex align-items-center">
                     <CloseIcon width="16.5" height="16.5" onClick={() => {
@@ -239,7 +240,7 @@ const ImportModal = React.memo(({ importFormModal, onClose, formSubmitted,
                     variant={importError && !selectedFile ? "dark" : "primary"}
                     disabled={importError}
                     size="md"
-                    label={<Translation>{(t) => t("Confirm and Edit form")}</Translation>}
+                    label={<Translation>{(t) => t(primaryButtonText)}</Translation>}
                     onClick={onImport}
                     buttonLoading={!importError && formSubmitted ? true : false}
                     className=""