From 4b6e5603c1d55f8f7d91007969d3ea4c6d8937bb Mon Sep 17 00:00:00 2001
From: Abhimanyu Saharan <asaharan@onemindservices.com>
Date: Mon, 2 Feb 2026 13:23:49 +0530
Subject: [PATCH] feat(projects): show load/error + safer create

---
 frontend/src/app/projects/page.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/projects/page.tsx b/frontend/src/app/projects/page.tsx
index c97a5148..8dafd6e0 100644
--- a/frontend/src/app/projects/page.tsx
+++ b/frontend/src/app/projects/page.tsx
@@ -44,15 +44,13 @@ export default function ProjectsPage() {
       <div className={styles.grid2}>
         <div className={styles.card}>
           <div className={styles.cardTitle}>Create project</div>
+          {projects.isLoading ? <div className={styles.mono}>Loading…</div> : null}
+          {projects.error ? <div className={styles.mono}>{(projects.error as Error).message}</div> : null}
           <div className={styles.list}>
-            <Input
-              placeholder="Project name"
-              value={name}
-              onChange={(e) => setName(e.target.value)}
-            />
+            <Input placeholder="Project name" value={name} onChange={(e) => setName(e.target.value)} autoFocus />
             <Button
               onClick={() => createProject.mutate({ data: { name, status: "active" } })}
-              disabled={!name.trim() || createProject.isPending}
+              disabled={!name.trim() || createProject.isPending || projects.isFetching}
             >
               Create
             </Button>