Preview step enhancements

src/OnboardingSPA/components/Header/components/SiteGenHeader/step-navigation.js

@@ -5,6 +5,8 @@ import { __ } from '@wordpress/i18n';
 
 import { store as nfdOnboardingStore } from '../../../../store';
 import ButtonDark from '../../../Button/ButtonDark';
+import { stepSiteGenPreview } from '../../../../steps/SiteGen/Preview/step';
+import { stepSiteGenSiteLogo } from '../../../../steps/SiteGen/SiteLogo/step';
 
 /**
  * Back step Navigation button.
@@ -37,18 +39,28 @@ const Back = ( { path, showErrorDialog } ) => {
  * @return {WPComponent} StepNavigation Component
  */
 const StepNavigation = () => {
-	const { previousStep, showErrorDialog } = useSelect( ( select ) => {
-		return {
-			previousStep: select( nfdOnboardingStore ).getPreviousStep(),
-			showErrorDialog: select( nfdOnboardingStore ).getShowErrorDialog(),
-		};
-	}, [] );
+	const { previousStep, currentStep, showErrorDialog } = useSelect(
+		( select ) => {
+			return {
+				previousStep: select( nfdOnboardingStore ).getPreviousStep(),
+				currentStep: select( nfdOnboardingStore ).getCurrentStep(),
+				showErrorDialog:
+					select( nfdOnboardingStore ).getShowErrorDialog(),
+			};
+		},
+		[]
+	);
 	const isFirstStep = null === previousStep || false === previousStep;
+	const isPreviewStep = currentStep.path === stepSiteGenPreview.path;
 	return (
 		<div className="nfd-onboarding-header--sitegen__step-navigation">
 			{ isFirstStep ? null : (
 				<Back
-					path={ previousStep.path }
+					path={
+						isPreviewStep
+							? stepSiteGenSiteLogo.path
+							: previousStep.path
+					}
 					showErrorDialog={ showErrorDialog }
 				/>
 			) }

src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js

@@ -73,6 +73,13 @@
 				.then( ( data ) => {
 					if ( data.body !== null ) {
 						currentData.sitegen.siteGenMetaStatus.currentStatus += 1;
+						if (
+							currentData.sitegen.siteGenMetaStatus
+								.currentStatus ===
+							currentData.sitegen.siteGenMetaStatus.totalCount
+						) {
+							currentData.sitegen.skipCache = false;
+						}
 						setCurrentOnboardingData( currentData );
 					} else if ( retryCount < MAX_RETRIES_SITE_GEN ) {
 						performSiteGenMetaGeneration(
@@ -146,13 +153,13 @@
 			initializePlugins( pluginInstallHash );
 			setInterval( cronTrigger, 45000 );
 		}
 	}, [ initialize ] );
 
 	useEffect( () => {
 		syncStoreToDB();
 		generateSiteGenData();
 		handlePreviousStepTracking();
 	}, [ location.pathname ] );
 
 	useEffect( () => {
 		initializeThemes();

src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js

@@ -45,10 +45,11 @@
 			return setCustomerInput( currentData.sitegen.siteDetails.prompt );
 		}
 		setIsFooterNavAllowed( false );
 	}, [] );
 
 	useEffect( () => {
 		if (
+			customerInput !== undefined &&
 			customerInput !== '' &&
 			customerInput !== currentData.sitegen.siteDetails.prompt
 		) {
@@ -59,7 +60,7 @@
 			setCurrentOnboardingData( currentData );
 		}
 		setIsFooterNavAllowed( isValidInput );
 	}, [ customerInput ] );
 
 	return (
 		<CommonLayout isCentered>