Files
moreminimore-vibe/backups/backup-20251218-161645/src/components/DyadProSuccessDialog.tsx
Kunthawat Greethong 756b405423 feat(fake-llm-server): add initial setup for fake LLM server with TypeScript and Express
- Created package.json for dependencies and scripts
- Added tsconfig.json for TypeScript configuration
- Implemented fake stdio MCP server with basic calculator and environment variable printing tools
- Added shell script to run the fake stdio MCP server
- Updated root tsconfig.json for project references and path mapping
2025-12-19 09:36:31 +07:00

53 lines
1.6 KiB
TypeScript

import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogFooter,
} from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";
import { CheckCircle, Sparkles } from "lucide-react";
interface DyadProSuccessDialogProps {
isOpen: boolean;
onClose: () => void;
}
export function DyadProSuccessDialog({
isOpen,
onClose,
}: DyadProSuccessDialogProps) {
return (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="max-w-md">
<DialogHeader>
<DialogTitle className="flex items-center gap-2 text-xl">
<div className="flex h-10 w-10 items-center justify-center rounded-full bg-green-100 dark:bg-green-900">
<CheckCircle className="h-6 w-6 text-green-600 dark:text-green-400" />
</div>
<span>Dyad Pro Enabled</span>
</DialogTitle>
</DialogHeader>
<div className="py-4">
<p className="mb-4 text-base">
Congrats! Dyad Pro is now enabled in the app.
</p>
<div className="flex items-center gap-2 mb-3">
<Sparkles className="h-5 w-5 text-indigo-500" />
<p className="text-sm">You have access to leading AI models.</p>
</div>
<p className="text-sm text-muted-foreground">
You can click the Pro button at the top to access the settings at
any time.
</p>
</div>
<DialogFooter className="flex justify-end gap-2">
<Button onClick={onClose} variant="outline">
OK
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
}