Function Quickstart

frontend/src/react/components/Quickstart.tsx:61–357

()

 * (e.g. an upgraded workspace that never bootstrapped the sample).
 */
export function Quickstart() {
  const { t } = useTranslation();
  const loadProjectIamPolicy = useAppStore(
    (state) => state.loadProjectIamPolicy
  );

  const quickStartEnabled = useAppStore((s) => s.quickStartEnabled());
  const hidden = useAppStore((s) => s.getIntroStateByKey("hidden"));

  // Subscribe to each task's done flag so the line-through + progress
  // bar update live.
  const issueVisited = useAppStore((s) => s.getIntroStateByKey("issue.visit"));
  const dataQueried = useAppStore((s) => s.getIntroStateByKey("data.query"));
  const projectVisited = useAppStore((s) =>
    s.getIntroStateByKey("project.visit")
  );
  const environmentVisited = useAppStore((s) =>
    s.getIntroStateByKey("environment.visit")
  );
  const instanceVisited = useAppStore((s) =>
    s.getIntroStateByKey("instance.visit")
  );
  const databaseVisited = useAppStore((s) =>
    s.getIntroStateByKey("database.visit")
  );
  const memberVisited = useAppStore((s) =>
    s.getIntroStateByKey("member.visit")
  );

  // ---- async sample fetches --------------------------------------------

  const [sampleProject, setSampleProject] = useState<Project | undefined>();
  const [sampleIssueExists, setSampleIssueExists] = useState(false);
  const [sampleSheetExists, setSampleSheetExists] = useState(false);

  useEffect(() => {
    if (!quickStartEnabled) {
      setSampleProject(undefined);
      return;
    }
    let cancelled = false;
    void (async () => {
      const project = await useAppStore
        .getState()
        .getOrFetchProjectByName(
          `${projectNamePrefix}${SAMPLE_PROJECT_NAME}`,
          true /* silent */
        );
      if (cancelled) return;
      if (!isValidProjectName(project.name)) {
        setSampleProject(undefined);
        return;
      }
      await loadProjectIamPolicy(project.name);
      if (cancelled) return;
      setSampleProject(project);
    })();
    return () => {