ref(getting-started): remove platformOrIntegration (#89591)

Author: obostjancic

static/app/routes.tsx

@@ -1090,9 +1090,7 @@ function buildRoutes() {
       />
       <Route
         path=":projectId/getting-started/"
-        component={make(
-          () => import('sentry/views/projectInstall/platformOrIntegration')
-        )}
+        component={make(() => import('sentry/views/projectInstall/gettingStarted'))}
       />
     </Fragment>
   );

static/app/views/projectInstall/platformOrIntegration.spec.tsx renamed to static/app/views/projectInstall/gettingStarted.spec.tsx

@@ -7,7 +7,7 @@ import {render, screen} from 'sentry-test/reactTestingLibrary';
 import ProjectsStore from 'sentry/stores/projectsStore';
 import type {Project} from 'sentry/types/project';
 
-import PlatformOrIntegration from './platformOrIntegration';
+import PlatformOrIntegration from './gettingStarted';
 
 type ProjectWithBadPlatform = Omit<Project, 'platform'> & {
   platform: string;

static/app/views/projectInstall/gettingStarted.tsx

@@ -1,9 +1,48 @@
 import styled from '@emotion/styled';
 
 import * as Layout from 'sentry/components/layouts/thirds';
+import {OnboardingContextProvider} from 'sentry/components/onboarding/onboardingContext';
+import allPlatforms from 'sentry/data/platforms';
 import {space} from 'sentry/styles/space';
+import type {RouteComponentProps} from 'sentry/types/legacyReactRouter';
+import useOrganization from 'sentry/utils/useOrganization';
+import useProjects from 'sentry/utils/useProjects';
 
-const GettingStarted = styled(Layout.Page)`
+import {ProjectInstallPlatform} from './platform';
+
+type Props = RouteComponentProps<{projectId: string}>;
+
+function GettingStarted({params}: Props) {
+  const organization = useOrganization();
+
+  const {projects, initiallyLoaded} = useProjects({
+    slugs: [params.projectId],
+    orgId: organization.slug,
+  });
+
+  const loadingProjects = !initiallyLoaded;
+  const project = loadingProjects
+    ? undefined
+    : projects.find(proj => proj.slug === params.projectId);
+
+  const currentPlatformKey = project?.platform ?? 'other';
+  const currentPlatform = allPlatforms.find(p => p.id === currentPlatformKey);
+
+  return (
+    <OnboardingContextProvider>
+      <GettingStartedLayout withPadding>
+        <ProjectInstallPlatform
+          project={project}
+          loading={loadingProjects}
+          platform={currentPlatform}
+          currentPlatformKey={currentPlatformKey}
+        />
+      </GettingStartedLayout>
+    </OnboardingContextProvider>
+  );
+}
+
+const GettingStartedLayout = styled(Layout.Page)`
   background: ${p => p.theme.background};
   padding-top: ${space(3)};
 `;