File size: 1,538 Bytes
e454383 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogDescription,
DialogFooter,
} from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useState } from "react";
type RenameDialogProps = {
chatId: string;
initialTitle: string;
isOpen: boolean;
onClose: () => void;
onRename?: (chatId: string, newTitle: string) => Promise<Boolean>;
};
export function RenameDialog({
chatId,
initialTitle,
onRename,
isOpen,
onClose,
}: RenameDialogProps) {
const [newTitle, setNewTitle] = useState(initialTitle);
const handleRename = () => {
if (onRename && newTitle.trim()) {
onRename(chatId, newTitle).then((val) => {
if (val) onClose();
});
}
};
return (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent>
<DialogHeader>
<DialogTitle>Rename Chat</DialogTitle>
<DialogDescription>
Change the title of this chat conversation
</DialogDescription>
</DialogHeader>
<div className="flex gap-2">
<Input
value={newTitle}
onChange={(e) => setNewTitle(e.target.value)}
placeholder="New chat name"
/>
</div>
<DialogFooter>
<Button variant="outline" onClick={onClose}>
Cancel
</Button>
<Button onClick={handleRename}>Save</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
}
|