From c161a8109b1d6558049e4f8a60fb364b8e1acd02 Mon Sep 17 00:00:00 2001
From: Adithya Krishna <adikrish@redhat.com>
Date: Mon, 28 Aug 2023 12:58:30 +0530
Subject: [PATCH] fix: removed passHref and updated card

Signed-off-by: Adithya Krishna <adikrish@redhat.com>
---
 .../src/app/(dashboard)/dashboard/page.tsx    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/dashboard/page.tsx b/apps/web/src/app/(dashboard)/dashboard/page.tsx
index a9d650eb6..4fcf867ec 100644
--- a/apps/web/src/app/(dashboard)/dashboard/page.tsx
+++ b/apps/web/src/app/(dashboard)/dashboard/page.tsx
@@ -34,20 +34,22 @@ export default async function DashboardPage() {
     }),
   ]);
 
+  const cardData = [
+    { icon: FileCheck, title: 'Completed', status: stats.COMPLETED },
+    { icon: File, title: 'Drafts', status: stats.DRAFT },
+    { icon: Clock, title: 'Pending', status: stats.PENDING },
+  ];
+
   return (
     <div className="mx-auto w-full max-w-screen-xl px-4 md:px-8">
       <h1 className="text-4xl font-semibold">Dashboard</h1>
 
       <div className="mt-8 grid grid-cols-1 gap-4 md:grid-cols-3">
-        <Link href={'/documents?status=COMPLETED'} passHref>
-          <CardMetric icon={FileCheck} title="Completed" value={stats.COMPLETED} />
-        </Link>
-        <Link href={'/documents?status=DRAFT'} passHref>
-          <CardMetric icon={File} title="Drafts" value={stats.DRAFT} />
-        </Link>
-        <Link href={'/documents?status=PENDING'} passHref>
-          <CardMetric icon={Clock} title="Pending" value={stats.PENDING} />
-        </Link>
+        {cardData.map((card) => (
+          <Link key={card.status} href={`/documents?status=${card.status}`}>
+            <CardMetric icon={card.icon} title={card.title} value={card.status} />
+          </Link>
+        ))}
       </div>
 
       <div className="mt-12">