ui for no projects

MazuhSoftwares · Nov 30, 2023 · 1b5ec31 · 1b5ec31
1 parent 98094e1
commit 1b5ec31
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/features/projects-management/ProjectsManagementPage.tsx b/src/features/projects-management/ProjectsManagementPage.tsx
@@ -50,6 +50,17 @@ function ProjectsList() {
     return <div>Error: {isError.message}</div>;
   }
 
+  if (projects.length === 0) {
+    return (
+      <div className="w-fit m-auto flex flex-col">
+        <p className="mb-2 w-full">You don't have any projects yet.</p>
+        <div className="w-full flex justify-center">
+          <ProjectsCreationButton />
+        </div>
+      </div>
+    );
+  }
+
   return (
     <ul className="pl-3">
       {projects.map((project) => (