From a880f4f04237ab2e175ba4119a16c0cd5e06bf91 Mon Sep 17 00:00:00 2001
From: Izan Gil <66965250+SrIzan10@users.noreply.github.com>
Date: Tue, 17 Dec 2024 16:25:10 +0100
Subject: [PATCH] feat: no projects found button

---
 src/app/(protected)/dashboard/page.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/(protected)/dashboard/page.tsx b/src/app/(protected)/dashboard/page.tsx
index f3ffa21..1dc3ae5 100644
--- a/src/app/(protected)/dashboard/page.tsx
+++ b/src/app/(protected)/dashboard/page.tsx
@@ -1,7 +1,8 @@
 import ProjectCard from '@/components/app/ProjectCard/ProjectCard';
+import { Button } from '@/components/ui/button';
 import { validateRequest } from '@/lib/auth';
 import prisma from '@/lib/db';
-import { faker } from '@faker-js/faker';
+import Link from 'next/link';
 
 export default async function Page() {
   const { user } = await validateRequest();
@@ -12,6 +13,15 @@ export default async function Page() {
   });
   return (
     <div className="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 p-4">
+      {db.length === 0 && (
+        <div className="col-span-full text-center">
+          <h1 className="text-2xl font-bold">No projects found</h1>
+          <p className="text-muted-foreground">Create a project to get started</p>
+          <Link href="/create">
+            <Button size={'sm'}>Create Project</Button>
+          </Link>
+        </div>
+      )}
       {db.map((d) => (
         <ProjectCard key={d.id} {...d} />
       ))}