diff options
| author | Dhravya Shah <[email protected]> | 2025-09-18 20:34:18 -0700 |
|---|---|---|
| committer | Dhravya Shah <[email protected]> | 2025-09-18 21:03:49 -0700 |
| commit | 1fcb56908920da386900abb4ce2383374a625c72 (patch) | |
| tree | 0f9d7f695d4c9b1b85be3950fc869e0061dff3ed /apps/web/components/create-project-dialog.tsx | |
| parent | refetching logic change (diff) | |
| download | supermemory-09-18-formatting.tar.xz supermemory-09-18-formatting.zip | |
formatting09-18-formatting
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 ? ( <> |