From 22d34376944d7e1af69eed6b79355502d0531274 Mon Sep 17 00:00:00 2001
From: Izan Gil <66965250+SrIzan10@users.noreply.github.com>
Date: Mon, 23 Dec 2024 23:01:07 +0100
Subject: [PATCH] feat: dotted create card

---
 src/app/(protected)/dashboard/page.tsx        |  2 ++
 .../app/DottedCreateCard/DottedCreateCard.tsx | 22 +++++++++++++++++++
 src/components/app/NavBar/NavBar.tsx          |  3 +--
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/components/app/DottedCreateCard/DottedCreateCard.tsx

diff --git a/src/app/(protected)/dashboard/page.tsx b/src/app/(protected)/dashboard/page.tsx
index 9bbeead..136e379 100644
--- a/src/app/(protected)/dashboard/page.tsx
+++ b/src/app/(protected)/dashboard/page.tsx
@@ -1,3 +1,4 @@
+import DottedCreateCard from '@/components/app/DottedCreateCard/DottedCreateCard';
 import ProjectCard from '@/components/app/ProjectCard/ProjectCard';
 import { Button } from '@/components/ui/button';
 import { validateRequest } from '@/lib/auth';
@@ -38,6 +39,7 @@ export default async function Page() {
       {db.map((d) => (
         <ProjectCard key={d.id} {...d} />
       ))}
+      <DottedCreateCard />
     </div>
   );
 }
diff --git a/src/components/app/DottedCreateCard/DottedCreateCard.tsx b/src/components/app/DottedCreateCard/DottedCreateCard.tsx
new file mode 100644
index 0000000..ffff4ad
--- /dev/null
+++ b/src/components/app/DottedCreateCard/DottedCreateCard.tsx
@@ -0,0 +1,22 @@
+import { Plus, UserPlus } from 'lucide-react';
+import Link from 'next/link';
+
+export default function DottedCreateCard() {
+  return (
+    <div className="rounded-lg border bg-card text-card-foreground shadow-sm border-dashed">
+      <Link href="/create">
+        <div className="flex items-center justify-center h-[50%] w-full">
+          <Plus className='w-4 h-4 mr-2' />
+          <p className="text-muted-foreground">Create</p>
+        </div>
+      </Link>
+      <div className="rounded-lg border-t bg-card text-card-foreground shadow-sm border-dashed" />
+      <Link href="/join">
+        <div className="flex items-center justify-center h-[50%] w-full">
+          <UserPlus className='w-4 h-4 mr-2' />
+          <p className="text-muted-foreground">Join</p>
+        </div>
+      </Link>
+    </div>
+  );
+}
diff --git a/src/components/app/NavBar/NavBar.tsx b/src/components/app/NavBar/NavBar.tsx
index 34a896d..cf6758b 100644
--- a/src/components/app/NavBar/NavBar.tsx
+++ b/src/components/app/NavBar/NavBar.tsx
@@ -17,8 +17,7 @@ import { ThemeSwitcher } from "../ThemeSwitcher/ThemeSwitcher"
 
 export const links = [
   { href: '/dashboard', name: 'Dashboard' },
-  { href: '/create', name: 'Create' },
-  { href: '/join', name: 'Join' },
+  { href: 'https://github.com/sponsors/SrIzan10', name: '❤️ Donate' },
 ]
 
 function NavbarLinks() {