LPS-178343 Call next Steps page

Author: aline-doleron

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/Routes.tsx

@@ -1,6 +1,7 @@
 import {GetAppModal} from './components/GetAppModal/GetAppModal';
 import {AppCreationFlow} from './pages/AppCreationFlow/AppCreationFlow';
 import GetAppPage from './pages/GetAppPage/GetAppPage';
+import {NextStepPage} from './pages/NextStepPage/NextStepPage';
 import {PublishedAppsDashboardPage} from './pages/PublishedAppsDashboardPage/PublishedAppsDashboardPage';
 import {PurchasedAppsDashboardPage} from './pages/PurchasedAppsDashboardPage/PurchasedAppsDashboardPage';
 
@@ -21,6 +22,9 @@ export default function AppRoutes({route}: AppRoutesProps) {
 	else if (route === 'open-modal') {
 		return <GetAppModal handleClose={() => {}} />;
 	}
+	else if (route === 'next-step') {
+		return <NextStepPage />;
+	}
 
 	return <PublishedAppsDashboardPage />;
 }

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/pages/NextStepPage/NextStepPage.tsx

@@ -6,23 +6,18 @@ import {Header} from '../../components/Header/Header';
 import {NewAppPageFooterButtons} from '../../components/NewAppPageFooterButtons/NewAppPageFooterButtons';
 
 import './NextStepPage.scss';
-interface NextStepPageProps {
-	accountLogo: string;
-	accountName: string;
-	appCategory: string;
-	appLogo: string;
-	appName: string;
-	orderId: number;
-}
 
-export function NextStepPage({
-	accountLogo,
-	accountName,
-	appCategory,
-	appLogo,
-	appName,
-	orderId,
-}: NextStepPageProps) {
+export function NextStepPage() {
+	const queryString = window.location.search;
+	const urlParams = new URLSearchParams(queryString);
+	
+	const accountLogo = urlParams.get('logoURL') as string;
+	const accountName = urlParams.get('accountName') as string;
+	const appCategory = urlParams.get('appCategory') as string;
+	const appLogo = urlParams.get('appLogoURL') as string;
+	const appName = urlParams.get('appName') as string;
+	const orderId = urlParams.get('orderId') as string;
+
 	return (
 		<>
 			<div className="next-step-page-container">