sentry/static/app/views/projects/gettingStartedWithProjectContext.tsx

import {createContext} from 'react';

import {OnboardingSelectedSDK, Project} from 'sentry/types';
import {IssueAlertRule} from 'sentry/types/alerts';
import {useSessionStorage} from 'sentry/utils/useSessionStorage';

type GettingStartedWithProject = Pick<Project, 'name' | 'id'> & {
  alertRules: IssueAlertRule[];
  platform: OnboardingSelectedSDK;
  teamSlug?: Project['team']['slug'];
};

export type ProjectsContextProps = {
  setProject: (project: GettingStartedWithProject) => void;
  project?: GettingStartedWithProject;
};

export const GettingStartedWithProjectContext = createContext<ProjectsContextProps>({
  project: undefined,
  setProject: () => {},
});

type ProviderProps = {
  children: React.ReactNode;
  project?: GettingStartedWithProject;
};

export function GettingStartedWithProjectContextProvider({
  children,
  project,
}: ProviderProps) {
  const [sessionStorage, setSessionStorage] = useSessionStorage<{
    project?: GettingStartedWithProject;
  }>('getting-started-with-project', {
    project,
  });

  return (
    <GettingStartedWithProjectContext.Provider
      value={{
        project: sessionStorage.project,
        setProject: (newProject?: GettingStartedWithProject) =>
          setSessionStorage({project: newProject}),
      }}
    >
      {children}
    </GettingStartedWithProjectContext.Provider>
  );
}