diff --git a/ui/src/components/LegacyCms/Actions/LoadPrefix.tsx b/ui/src/components/LegacyCms/Actions/LoadPrefix.tsx
index 0b0a736c2..29369aac5 100644
--- a/ui/src/components/LegacyCms/Actions/LoadPrefix.tsx
+++ b/ui/src/components/LegacyCms/Actions/LoadPrefix.tsx
@@ -29,7 +29,7 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
const dispatch = useDispatch();
- const [prefix, setPrefix] = useState
(newMigrationData?.legacy_cms?.affix || '');
+ const [prefix, setPrefix] = useState(newMigrationData?.legacy_cms?.affix || 'cs');
const [isError, setIsError] = useState(false);
const [errorMessage, setErrorMessage] = useState('');
@@ -76,7 +76,6 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
isRestictedKeywordCheckboxChecked: isCheckedBoxChecked
}
};
-
dispatch(updateNewMigrationData(newMigrationDataObj));
} else {
setPrefix(value);
@@ -93,7 +92,6 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
};
dispatch(updateNewMigrationData(newMigrationDataObj));
-
setIsError(false);
//call for Step Change
@@ -101,20 +99,30 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
return;
}
} else {
- setIsError(true);
- setErrorMessage('Please enter Affix');
+ setIsError(false);
+ setErrorMessage('');
+ setIsRestrictedKey(false);
+ setPrefix('');
+ }
+ });
+
+ const handleOnBlur = (value: string) => {
+ if (isEmptyString(value?.trim())) {
+ setIsError(false);
+ setErrorMessage('');
+ setIsRestrictedKey(false);
+ setPrefix('cs');
const newMigrationDataObj: INewMigration = {
...newMigrationData,
legacy_cms: {
...newMigrationData?.legacy_cms,
- affix: value,
+ affix: 'cs',
isRestictedKeywordCheckboxChecked: isCheckedBoxChecked
}
};
-
dispatch(updateNewMigrationData(newMigrationDataObj));
}
- });
+ };
/**** ALL USEEffects HERE ****/
@@ -136,6 +144,9 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
aria-label="affix"
disabled={newMigrationData?.legacy_cms?.uploadedFile?.isValidated}
isReadOnly={newMigrationData?.legacy_cms?.uploadedFile?.isValidated}
+ onBlur={(e: React.FocusEvent) => {
+ handleOnBlur(e.target.value);
+ }}
/>
{isError && {errorMessage}
}
diff --git a/ui/src/components/LegacyCms/Actions/LoadUploadFile.tsx b/ui/src/components/LegacyCms/Actions/LoadUploadFile.tsx
index d626a06b1..dfd29427d 100644
--- a/ui/src/components/LegacyCms/Actions/LoadUploadFile.tsx
+++ b/ui/src/components/LegacyCms/Actions/LoadUploadFile.tsx
@@ -154,7 +154,6 @@ const LoadUploadFile = (props: LoadUploadFileProps) => {
setIsDisabled(true);
if (
- !isEmptyString(newMigrationData?.legacy_cms?.affix) &&
!isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id) &&
!isEmptyString(newMigrationData?.legacy_cms?.selectedFileFormat?.fileformat_id)
) {
@@ -358,24 +357,23 @@ const LoadUploadFile = (props: LoadUploadFileProps) => {
setShowMessage(true);
setValidationMessage('File validated successfully.');
setIsDisabled(true);
- !isEmptyString(newMigrationData?.legacy_cms?.affix) ||
+ if (
!isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id) ||
- (!isEmptyString(newMigrationData?.legacy_cms?.selectedFileFormat?.fileformat_id) &&
- props.handleStepChange(props?.currentStep, true));
+ !isEmptyString(newMigrationData?.legacy_cms?.selectedFileFormat?.fileformat_id)
+ ) {
+ props.handleStepChange(props?.currentStep, true);
+ }
}
if (newMigrationData?.legacy_cms?.uploadedFile?.reValidate) {
setValidationMessage('');
}
- if(!isEmptyString(newMigrationData?.legacy_cms?.affix) && !newMigrationData?.legacy_cms?.uploadedFile?.isValidated && !newMigrationData?.legacy_cms?.uploadedFile?.reValidate){
+ if(!newMigrationData?.legacy_cms?.uploadedFile?.isValidated && !newMigrationData?.legacy_cms?.uploadedFile?.reValidate){
setIsDisabled(false);
}
setReValidate(newMigrationData?.legacy_cms?.uploadedFile?.reValidate || false);
-
- // else{
- // setIsValidated(false);
- // }
}, [isValidated, newMigrationData]);
+
useEffect(() => {
if (newMigrationData?.legacy_cms?.selectedFileFormat?.fileformat_id) {
setFileFormat(newMigrationData?.legacy_cms?.selectedFileFormat?.fileformat_id);
@@ -448,7 +446,7 @@ const LoadUploadFile = (props: LoadUploadFileProps) => {
isLoading={isLoading}
loadingColor="#6c5ce7"
version="v2"
- disabled={!(reValidate || (!isDisabled && !isEmptyString(newMigrationData?.legacy_cms?.affix)))}
+ disabled={!(reValidate || (!isDisabled))}
>
Validate File
diff --git a/ui/src/components/LegacyCms/index.tsx b/ui/src/components/LegacyCms/index.tsx
index ef300b931..448fab6b1 100644
--- a/ui/src/components/LegacyCms/index.tsx
+++ b/ui/src/components/LegacyCms/index.tsx
@@ -142,7 +142,7 @@ const LegacyCMSComponent = forwardRef(({ legacyCMSData, isCompleted, handleOnAll
}
//Make Step 2 complete
- if (!isEmptyString(selectedCmsData?.cms_id) && (!isEmptyString(legacyCMSData?.affix) || !isEmptyString(newMigrationData?.legacy_cms?.affix))) {
+ if (!isEmptyString(selectedCmsData?.cms_id) && (!isEmptyString(legacyCMSData?.affix) )) {
setInternalActiveStepIndex(1);
}
@@ -197,13 +197,12 @@ const LegacyCMSComponent = forwardRef(({ legacyCMSData, isCompleted, handleOnAll
//Make Step 2 complete
if (
- !isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id) &&
- !isEmptyString(newMigrationData?.legacy_cms?.affix)
+ !isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id)
) {
setInternalActiveStepIndex(1);
}
- if(!isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id) && !isEmptyString(newMigrationData?.legacy_cms?.affix) && newMigrationData?.legacy_cms?.uploadedFile?.isValidated){
+ if(!isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.cms_id) && newMigrationData?.legacy_cms?.uploadedFile?.isValidated){
setInternalActiveStepIndex(3);
}
setisProjectMapped(newMigrationData?.isprojectMapped)
@@ -211,8 +210,7 @@ const LegacyCMSComponent = forwardRef(({ legacyCMSData, isCompleted, handleOnAll
},[newMigrationData]);
useEffect(()=>{
- if(! isEmptyString(newMigrationData?.legacy_cms?.affix)
- && !isEmptyString(newMigrationData?.legacy_cms?.selectedFileFormat?.title) &&
+ if( !isEmptyString(newMigrationData?.legacy_cms?.selectedFileFormat?.title) &&
! isEmptyString(newMigrationData?.legacy_cms?.selectedCms?.title) &&
newMigrationData?.legacy_cms?.uploadedFile?.isValidated){
setIsAllStepsCompleted(true);
diff --git a/ui/src/components/Stepper/HorizontalStepper/HorizontalStepper.tsx b/ui/src/components/Stepper/HorizontalStepper/HorizontalStepper.tsx
index 78db8e418..3a1be8f44 100644
--- a/ui/src/components/Stepper/HorizontalStepper/HorizontalStepper.tsx
+++ b/ui/src/components/Stepper/HorizontalStepper/HorizontalStepper.tsx
@@ -159,11 +159,6 @@ const HorizontalStepper = forwardRef(
shouldCloseOnOverlayClick: false
}
});
- } else if (
- -1 < newMigrationData?.legacy_cms?.currentStep &&
- newMigrationData?.legacy_cms?.currentStep < 2
- ) {
- showNotification(newMigrationData?.legacy_cms?.currentStep + 1);
} else if (
newMigrationData?.destination_stack?.selectedStack === undefined ||
newMigrationData?.destination_stack?.selectedStack === null ||
diff --git a/ui/src/components/Stepper/VerticalStepper/AutoVerticalStepper.tsx b/ui/src/components/Stepper/VerticalStepper/AutoVerticalStepper.tsx
index 6706bac6a..d9de0f8b1 100644
--- a/ui/src/components/Stepper/VerticalStepper/AutoVerticalStepper.tsx
+++ b/ui/src/components/Stepper/VerticalStepper/AutoVerticalStepper.tsx
@@ -93,7 +93,12 @@ const AutoVerticalStepper = React.forwardRef<
) : null} */}
- {data.description &&