0d436911cd
Major AgentConfigForm rework with improved adapter configuration fields and layout. Refine sidebar, breadcrumbs, and card/tab components for visual consistency. Clean up page layouts across Activity, Agents, Approvals, Costs, Dashboard, Goals, Inbox, Issues, Org, and Projects pages. Minor heartbeat-run CLI fix. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
28 lines
800 B
TypeScript
28 lines
800 B
TypeScript
import { Plus } from "lucide-react";
|
|
import type { LucideIcon } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
interface EmptyStateProps {
|
|
icon: LucideIcon;
|
|
message: string;
|
|
action?: string;
|
|
onAction?: () => void;
|
|
}
|
|
|
|
export function EmptyState({ icon: Icon, message, action, onAction }: EmptyStateProps) {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center py-16 text-center">
|
|
<div className="bg-muted/50 p-4 mb-4">
|
|
<Icon className="h-10 w-10 text-muted-foreground/50" />
|
|
</div>
|
|
<p className="text-sm text-muted-foreground mb-4">{message}</p>
|
|
{action && onAction && (
|
|
<Button onClick={onAction}>
|
|
<Plus className="h-4 w-4 mr-1.5" />
|
|
{action}
|
|
</Button>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|