mirror of
https://github.com/elisiariocouto/leggen.git
synced 2025-12-13 18:22:21 +00:00
- Add drawer-based bank account connection flow with country/bank selection - Create bank connection success page with redirect handling - Add bank connections status card showing all requisitions and their states - Move account management actions to appropriate sections (add to connections, edit in accounts) - Implement proper delete functionality for bank connections via GoCardless API - Add proper TypeScript types for all bank-related data structures - Improve error handling for bank connection operations with specific HTTP status codes - Remove transaction data when disconnecting accounts while preserving history 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
46 lines
933 B
TypeScript
46 lines
933 B
TypeScript
import { Edit3 } from "lucide-react";
|
|
import { Button } from "./button";
|
|
import { cn } from "../../lib/utils";
|
|
|
|
interface EditButtonProps {
|
|
onClick?: () => void;
|
|
disabled?: boolean;
|
|
className?: string;
|
|
size?: "default" | "sm" | "lg" | "icon";
|
|
variant?:
|
|
| "default"
|
|
| "destructive"
|
|
| "outline"
|
|
| "secondary"
|
|
| "ghost"
|
|
| "link";
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export function EditButton({
|
|
onClick,
|
|
disabled = false,
|
|
className,
|
|
size = "sm",
|
|
variant = "outline",
|
|
children,
|
|
...props
|
|
}: EditButtonProps) {
|
|
return (
|
|
<Button
|
|
onClick={onClick}
|
|
disabled={disabled}
|
|
size={size}
|
|
variant={variant}
|
|
className={cn(
|
|
"h-8 px-3 text-muted-foreground hover:text-foreground transition-colors",
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<Edit3 className="h-4 w-4" />
|
|
<span className="ml-2">{children || "Edit"}</span>
|
|
</Button>
|
|
);
|
|
}
|