SqlRunButton() — supabase Function Reference

Source Code

apps/studio/components/interfaces/SQLEditor/UtilityPanel/RunButton.tsx lines 14–53

export const SqlRunButton = ({
  isDisabled = false,
  isExecuting = false,
  hasSelection = false,
  className,
  onClick,
}: SqlRunButtonProps) => {
  const os = detectOS()

  function handleOnClick() {
    onClick()
  }

  return (
    <Button
      onClick={handleOnClick}
      disabled={isDisabled}
      type="primary"
      size="tiny"
      data-testid="sql-run-button"
      iconRight={
        isExecuting ? (
          <Loader2 className="animate-spin" size={10} strokeWidth={1.5} />
        ) : (
          <div className="flex items-center space-x-1">
            {os === 'macos' ? (
              <Command size={10} strokeWidth={1.5} />
            ) : (
              <p className="text-xs text-foreground-light">CTRL</p>
            )}
            <CornerDownLeft size={10} strokeWidth={1.5} />
          </div>
        )
      }
      className={className}
    >
      {hasSelection ? 'Run selected' : 'Run'}
    </Button>
  )
}