refactor:undefined notification error in legacy cms

Author: AishDani

ui/src/components/DestinationStack/Actions/LoadStacks.tsx

@@ -236,10 +236,10 @@ const LoadStacks = (props: LoadFileFormatProps) => {
           dispatch(updateNewMigrationData(newMigrationDataObj));
         }
         const newMigrationDataObj: INewMigration = {
-          // ...newMigrationDataRef?.current,
-          ...newMigrationData,
+           ...newMigrationDataRef?.current,
+          //...newMigrationData,
           destination_stack: {
-            ...newMigrationData?.destination_stack,
+            ...newMigrationDataRef?.current?.destination_stack,
             csLocale: csLocales?.data?.locales
           }
         };  

ui/src/components/LegacyCms/Actions/LoadFileFormat.tsx

@@ -112,7 +112,7 @@ const LoadFileFormat = (props: LoadFileFormatProps) => {
           ...newMigrationDataRef?.current,     
           legacy_cms: {
             ...newMigrationDataRef?.current?.legacy_cms,
-            selectedFileFormat: selectedFileFormatObj
+            selectedFileFormat: selectedFileFormatObj,
           }
         };
 
@@ -131,7 +131,7 @@ const LoadFileFormat = (props: LoadFileFormatProps) => {
   /****  ALL USEEffects  HERE  ****/
   useEffect(()=>{
     handleFileFormat();
-    handleBtnClick();
+    //handleBtnClick();
   },[]);
 
   useEffect(() => {

ui/src/components/LegacyCms/index.tsx

@@ -132,7 +132,7 @@ const LegacyCMSComponent = forwardRef(({ legacyCMSData, isCompleted, handleOnAll
         ? selectedCmsData.allowed_file_formats?.find(
             (cms: ICardType) => cms?.fileformat_id === legacyCMSData?.file_format
           )
-        : defaultCardType;
+        : newMigrationData?.legacy_cms?.selectedFileFormat;
 
       //Make Step 1 Complete
       if (!isEmptyString(selectedCmsData?.cms_id || newMigrationData?.legacy_cms?.selectedCms?.cms_id)) {    

ui/src/context/app/app.interface.ts

@@ -372,7 +372,7 @@ export const DEFAULT_NEW_MIGRATION: INewMigration = {
   destination_stack: DEFAULT_DESTINATION_STACK,
   content_mapping: DEFAULT_CONTENT_MAPPER,
   test_migration: DEFAULT_TEST_MIGRATION,
-  isprojectMapped: false,
+  isprojectMapped: true,
   stackDetails: DEFAULT_DROPDOWN,
   testStacks: [],
   migration_execution: DEFAULT_MIGRATION_EXECUTION_STEP,

ui/src/pages/Migration/index.tsx

@@ -91,6 +91,7 @@ const Migration = () => {
 
 
   const saveRef = useRef<ContentTypeSaveHandles>(null);
+  const newMigrationDataRef = useRef(newMigrationData);
 
   useEffect(() => {
     fetchData();
@@ -99,14 +100,14 @@ const Migration = () => {
   /**
  * Dispatches the isprojectMapped key to redux
  */
-  useEffect(()=> {
-    dispatch(updateNewMigrationData({
-      ...newMigrationData,
-      isprojectMapped: isProjectMapper
+  // useEffect(()=> {
+  //   dispatch(updateNewMigrationData({
+  //     ...newMigrationDataRef?.current,
+  //     isprojectMapped: isProjectMapper
 
-    }));
+  //   }));
 
-  },[isProjectMapper]);
+  // },[isProjectMapper]);
 
 
   useBlockNavigation(isModalOpen);
@@ -238,11 +239,11 @@ const Migration = () => {
   const projectMapper = {
     ...newMigrationData,
       legacy_cms: {
-        ...newMigrationData?.legacy_cms,
+        ...newMigrationDataRef?.current?.legacy_cms,
         selectedCms: selectedCmsData,
-        selectedFileFormat: selectedFileFormatData,
         affix:  projectData?.legacy_cms?.affix ,
         uploadedFile: {
+          ...newMigrationDataRef?.current?.legacy_cms,
           file_details: {
             localPath: projectData?.legacy_cms?.file_path,
             awsData: {
@@ -288,6 +289,7 @@ const Migration = () => {
       },
       stackDetails: projectData?.stackDetails,
       testStacks: projectData?.test_stacks,
+      isprojectMapped: false,
       project_current_step: projectData?.current_step,
     };