fix(project-creation): Prefill form when project ID in URL matches localStorage data (#91517)

- Fixes the issue where the form wasn’t pre-filled with data from a
previously deleted project ( we want this when users go back in the
flow)
- Replaces the GettingStartedWithProject context with a simpler
localStorage-based solution
- Refactors the code to improve readability and clarity
- Cleans up unused code and unnecessary logic
- closes TET-369

Author: priscilawebdev

static/app/components/modals/projectCreationModal.tsx

@@ -27,8 +27,11 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import slugify from 'sentry/utils/slugify';
 import useApi from 'sentry/utils/useApi';
 import useOrganization from 'sentry/utils/useOrganization';
-import type {IssueAlertFragment} from 'sentry/views/projectInstall/createProject';
-import IssueAlertOptions from 'sentry/views/projectInstall/issueAlertOptions';
+import type {RequestDataFragment} from 'sentry/views/projectInstall/issueAlertOptions';
+import IssueAlertOptions, {
+  MetricValues,
+  RuleAction,
+} from 'sentry/views/projectInstall/issueAlertOptions';
 
 type Props = ModalRenderProps & {
   defaultCategory?: Category;
@@ -41,7 +44,7 @@ export default function ProjectCreationModal({
 }: Props) {
   const [platform, setPlatform] = useState<OnboardingSelectedSDK | undefined>(undefined);
   const [step, setStep] = useState(0);
-  const [alertRuleConfig, setAlertRuleConfig] = useState<IssueAlertFragment | undefined>(
+  const [alertRuleConfig, setAlertRuleConfig] = useState<RequestDataFragment | undefined>(
     undefined
   );
   const [projectName, setProjectName] = useState('');
@@ -152,7 +155,23 @@ export default function ProjectCreationModal({
       {step === 1 && (
         <Fragment>
           <Subtitle>{t('Set your alert frequency')}</Subtitle>
-          <IssueAlertOptions onChange={updatedData => setAlertRuleConfig(updatedData)} />
+          <IssueAlertOptions
+            alertSetting={
+              alertRuleConfig?.shouldCreateCustomRule
+                ? RuleAction.CUSTOMIZED_ALERTS
+                : alertRuleConfig?.shouldCreateRule
+                  ? RuleAction.DEFAULT_ALERT
+                  : RuleAction.CREATE_ALERT_LATER
+            }
+            interval={alertRuleConfig?.conditions?.[0]?.interval}
+            threshold={alertRuleConfig?.conditions?.[0]?.value}
+            metric={
+              alertRuleConfig?.conditions?.[0]?.id.endsWith('EventFrequencyCondition')
+                ? MetricValues.ERRORS
+                : MetricValues.USERS
+            }
+            onChange={setAlertRuleConfig}
+          />
           <Subtitle>{t('Name your project and assign it a team')}</Subtitle>
           <ProjectNameTeamSection>
             <div>

static/app/components/platformPicker.tsx

@@ -82,6 +82,12 @@ class PlatformPicker extends Component<PlatformPickerProps, State> {
     filter: this.props.noAutoFilter ? '' : (this.props.platform || '').split('-')[0]!,
   };
 
+  componentDidUpdate(prevProps: Readonly<PlatformPickerProps>): void {
+    if (this.props.defaultCategory !== prevProps.defaultCategory) {
+      this.setState({category: this.props.defaultCategory ?? categoryList[0]!.id});
+    }
+  }
+
   get platformList() {
     const {category} = this.state;