buzz/desktop/src/features/projects/useProjectRepositoryRefSelection.ts

import * as React from "react";

export function useProjectRepositoryRefSelection(input: {
  branchOptions: string[];
  defaultBranch: string | null;
  projectAvailable: boolean;
  projectPending: boolean;
  tags: Array<{ name: string }>;
}) {
  const [selectedBranch, setSelectedBranch] = React.useState<string | null>(
    null,
  );
  const [selectedTag, setSelectedTag] = React.useState<string | null>(null);
  const activeBranch =
    selectedBranch ?? input.defaultBranch ?? input.branchOptions[0] ?? null;

  React.useEffect(() => {
    if (!input.projectAvailable) {
      if (input.projectPending) return;
      setSelectedBranch(null);
      setSelectedTag(null);
      return;
    }
    setSelectedBranch((currentBranch) => {
      if (currentBranch && input.branchOptions.includes(currentBranch)) {
        return currentBranch;
      }
      return input.defaultBranch ?? input.branchOptions[0] ?? null;
    });
    setSelectedTag((currentTag) => {
      if (currentTag && input.tags.some((tag) => tag.name === currentTag)) {
        return currentTag;
      }
      return null;
    });
  }, [
    input.branchOptions,
    input.defaultBranch,
    input.projectAvailable,
    input.projectPending,
    input.tags,
  ]);

  const selectBranch = React.useCallback((branch: string | null) => {
    setSelectedBranch(branch);
    setSelectedTag(null);
  }, []);
  const selectTag = React.useCallback((tag: string) => {
    setSelectedTag(tag);
  }, []);

  return {
    activeBranch,
    selectBranch,
    selectedTag,
    selectTag,
  };
}