create-bot.tsx (1847B)
1 import { Button } from "@/components/ui/button"; 2 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DialogCloseButton } from "@/components/ui/dialog"; 3 import { Input } from "@/components/ui/input"; 4 import { Label } from "@/components/ui/label"; 5 import { Settings } from "lucide-react"; 6 7 export default function CreateBotModal() { 8 return ( 9 <Dialog> 10 <DialogTrigger asChild> 11 <Button 12 variant="link" 13 > 14 <Settings className="mr-2 h-4 w-4" /> 15 Create New Bot 16 </Button> 17 </DialogTrigger> 18 <DialogContent className="bg-gray-950 border-gray-800"> 19 <DialogHeader> 20 <DialogTitle>Create New Bot</DialogTitle> 21 <DialogDescription className="text-gray-400"> 22 Set up a new Draupnir bot for a different community 23 </DialogDescription> 24 </DialogHeader> 25 <div className="space-y-4 py-4"> 26 <div className="space-y-2"> 27 <Label htmlFor="bot-name">Bot Name</Label> 28 <Input id="bot-name" placeholder="My Community Bot" className="bg-gray-900 border-gray-800" /> 29 </div> 30 31 </div> 32 <DialogFooter> 33 <DialogCloseButton 34 className="border-gray-700 text-gray-400 hover:bg-gray-900 hover:text-gray-300" 35 > 36 Cancel 37 </DialogCloseButton> 38 <Button className="bg-purple-600 text-white hover:bg-purple-700">Create Bot</Button> 39 </DialogFooter> 40 </DialogContent> 41 </Dialog> 42 ); 43 }