PreviewBranchesEmptyState() — supabase Function Reference

Source Code

apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx lines 60–80

export const PreviewBranchesEmptyState = ({
  onSelectCreateBranch,
}: {
  onSelectCreateBranch: () => void
}) => {
  return (
    <div className={EMPTY_STATE_CONTAINER}>
      <p>Create your first preview branch</p>
      <p className="text-foreground-lighter text-center text-balance mb-4">
        Preview branches are short-lived environments that let you safely experiment with changes to
        your database schema without affecting your main database.
      </p>
      <div className="flex items-center space-x-2">
        <DocsButton href={`${DOCS_URL}/guides/platform/branching`} />
        <Button type="primary" onClick={() => onSelectCreateBranch()}>
          Create branch
        </Button>
      </div>
    </div>
  )
}