ActionPanel() — supabase Function Reference

Source Code

apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/action-panel.tsx lines 15–35

  ({ title, description, buttonLabel, onClick, loading, icon, type, ...props }, ref) => {
    return (
      <Card
        className="first:rounded-b-none last:rounded-t-none shadow-none only:rounded-lg"
        ref={ref}
        {...props}
      >
        <CardHeader className="lg:flex-row lg:items-center gap-3 lg:gap-10 py-4 border-0">
          <div className="flex flex-col gap-2 flex-1 grow">
            <CardTitle className="text-sm">{title}</CardTitle>
            <CardDescription className="max-w-xl">{description}</CardDescription>
          </div>
          <div className="flex lg:justify-end flex-">
            <Button onClick={onClick} loading={loading} icon={icon} type={type}>
              {buttonLabel}
            </Button>
          </div>
        </CardHeader>
      </Card>
    )
  }