diff --git a/forms-flow-components/src/components/CustomComponents/ImportModal.tsx b/forms-flow-components/src/components/CustomComponents/ImportModal.tsx index 8ce57b2a..9a252754 100644 --- a/forms-flow-components/src/components/CustomComponents/ImportModal.tsx +++ b/forms-flow-components/src/components/CustomComponents/ImportModal.tsx @@ -76,6 +76,7 @@ export const ImportModal: React.FC = React.memo( const redColor = computedStyle.getPropertyValue("--ff-red-000"); const [selectedFile, setSelectedFile] = useState(null); const [uploadProgress, setUploadProgress] = useState(0); + const hasVersion = (item) => item?.majorVersion != null || item?.minorVersion != null; const skipImport = t("Skip, do not import"); const [selectedLayoutVersion, setSelectedLayoutVersion] = useState<{ value: any; @@ -94,7 +95,6 @@ export const ImportModal: React.FC = React.memo( const [showFileItems, setShowFileItems] = useState(false); const [inprogress, setInprogress] = useState(true); - const layoutOptions = [ { value: true, label: t("Skip, do not import") }, { @@ -165,29 +165,19 @@ export const ImportModal: React.FC = React.memo( inprogress || importLoader || (importError && primaryButtonText !== "Try Again") || - (showFileItems && + (showFileItems && fileItems && selectedFlowVersion?.label === skipImport && selectedLayoutVersion?.label === skipImport); - - - useEffect(() => { - if ( - fileItems && - !importError && - Object.values(fileItems).some( - (item) => item?.majorVersion != null || item?.minorVersion != null - ) - ) { - setShowFileItems(true); - } else if ( - processVersion?.majorVersion != null || - processVersion?.minorVersion != null - ) { - setShowFileItems(true); - } else { - setShowFileItems(false); - } - }, [importError, fileItems]); + + useEffect(() => { + const fileItemsHasVersion = fileItems && Object.values(fileItems).some(hasVersion); + const processVersionHasVersion = hasVersion(processVersion); + if (fileItemsHasVersion || processVersionHasVersion) { + setShowFileItems(true); + } else { + setShowFileItems(false); + } + }, [importError, fileItems, processVersion]); useEffect(() => { if (!showModal) {