fix(dashboard): Display the correct applicatuion state for new projects

dashboard/src/features/orgs/layout/OrgLayout/ProjectViewWithState.tsx

@@ -8,6 +8,7 @@ import { ApplicationStatus } from '@/types/application';
 import { useRouter } from 'next/router';
 import { type PropsWithChildren, useMemo } from 'react';
 
+import { isNotEmptyValue } from '@/lib/utils';
 import PausedProjectContent from './PausedProjectContent';
 
 function ProjectViewWithState({ children }: PropsWithChildren) {
@@ -26,10 +27,23 @@ function ProjectViewWithState({ children }: PropsWithChildren) {
     }
 
     switch (state) {
-      case ApplicationStatus.Empty:
+      case ApplicationStatus.Empty: {
+        const newProjectData = sessionStorage.getItem('newProject');
+        // eslint-disable-next-line no-console
+        console.log('new project request sent state is empty');
+        if (
+          isNotEmptyValue(newProjectData) &&
+          JSON.parse(newProjectData).subdomain === appSubdomain
+        ) {
+          return <ApplicationProvisioning />;
+        }
+
         return null;
-      case ApplicationStatus.Provisioning:
+      }
+      case ApplicationStatus.Provisioning: {
+        sessionStorage.removeItem('newProject');
         return <ApplicationProvisioning />;
+      }
       case ApplicationStatus.Errored:
         if (isOnOverviewPage) {
           return (

dashboard/src/pages/onboarding/project.tsx

@@ -140,6 +140,7 @@ export default function OnboardingProjectPage() {
 
           // clear onboarding flow and redirect to project dashboard
           sessionStorage.removeItem('onboarding');
+          sessionStorage.setItem('newProject', JSON.stringify({ subdomain }));
           router.push(`/orgs/${selectedOrg?.slug}/projects/${subdomain}`);
         }
       },

dashboard/src/pages/orgs/[orgSlug]/projects/new.tsx

@@ -121,7 +121,7 @@ export function NewProjectPageContent({
             regionId: selectedRegion.id,
             regionName: selectedRegion.name,
           });
-
+          sessionStorage.setItem('newProject', JSON.stringify({ subdomain }));
           await router.push(`/orgs/${selectedOrg.slug}/projects/${subdomain}`);
         }
       },