PullRequestsEmptyState() — supabase Function Reference

Source Code

apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx lines 12–58

export const PullRequestsEmptyState = ({
  url,
  projectRef,
  branches,
  onBranchSelected,
  isUpdating,
  githubConnection,
  gitlessBranching = false,
}: {
  url: string
  projectRef: string
  branches: Branch[]
  onBranchSelected: (branch: Branch) => void
  isUpdating: boolean
  githubConnection?: any
  gitlessBranching: boolean
}) => {
  return (
    <div className={EMPTY_STATE_CONTAINER}>
      <p>No merge requests</p>
      <p className="text-foreground-lighter text-center text-balance">
        Create your first merge request to merge changes back to the main branch
      </p>
      <div className="flex items-center space-x-2 mt-4">
        {githubConnection ? (
          <Button type="outline" asChild icon={<Github />}>
            <a href={url} target="_blank" rel="noopener noreferrer">
              Create pull request
            </a>
          </Button>
        ) : (
          <Button asChild type="outline">
            <Link href={`/project/${projectRef}/settings/integrations`}>Connect to GitHub</Link>
          </Button>
        )}
        {gitlessBranching && (
          <BranchSelector
            type="outline"
            branches={branches}
            onBranchSelected={onBranchSelected}
            isUpdating={isUpdating}
          />
        )}
      </div>
    </div>
  )
}