diff options
Diffstat (limited to 'apps/web/components/create-project-dialog.tsx')
| -rw-r--r-- | apps/web/components/create-project-dialog.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/apps/web/components/create-project-dialog.tsx b/apps/web/components/create-project-dialog.tsx index 1672a689..d281699e 100644 --- a/apps/web/components/create-project-dialog.tsx +++ b/apps/web/components/create-project-dialog.tsx @@ -46,12 +46,12 @@ export function CreateProjectDialog({ return ( <AnimatePresence> {open && ( - <Dialog open={open} onOpenChange={onOpenChange}> + <Dialog onOpenChange={onOpenChange} open={open}> <DialogContent className="sm:max-w-2xl bg-[#0f1419] backdrop-blur-xl border-white/10 text-white"> <motion.div - initial={{ opacity: 0, scale: 0.95 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.95 }} + initial={{ opacity: 0, scale: 0.95 }} > <DialogHeader> <DialogTitle>Create New Project</DialogTitle> @@ -61,23 +61,23 @@ export function CreateProjectDialog({ </DialogHeader> <div className="grid gap-4 py-4"> <motion.div - initial={{ opacity: 0, y: 10 }} animate={{ opacity: 1, y: 0 }} - transition={{ delay: 0.1 }} className="flex flex-col gap-2" + initial={{ opacity: 0, y: 10 }} + transition={{ delay: 0.1 }} > <Label htmlFor="projectName">Project Name</Label> <Input - id="projectName" className="bg-white/5 border-white/10 text-white" - placeholder="My Awesome Project" - value={projectName} + id="projectName" onChange={(e) => setProjectName(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && projectName.trim()) { handleCreate(); } }} + placeholder="My Awesome Project" + value={projectName} /> <p className="text-xs text-white/50"> This will help you organize your memories @@ -90,10 +90,10 @@ export function CreateProjectDialog({ whileTap={{ scale: 0.95 }} > <Button - type="button" - variant="outline" className="bg-white/5 hover:bg-white/10 border-white/10 text-white" onClick={handleClose} + type="button" + variant="outline" > Cancel </Button> @@ -103,12 +103,12 @@ export function CreateProjectDialog({ whileTap={{ scale: 0.95 }} > <Button - type="button" className="bg-white/10 hover:bg-white/20 text-white border-white/20" disabled={ createProjectMutation.isPending || !projectName.trim() } onClick={handleCreate} + type="button" > {createProjectMutation.isPending ? ( <> |