From ebdb6442c65060ab81259ab3abfdf74d0062551f Mon Sep 17 00:00:00 2001
From: Adithya Krishna <adikrish@redhat.com>
Date: Sat, 26 Aug 2023 13:18:28 +0530
Subject: [PATCH] chore: updated dashboard page

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

diff --git a/apps/web/src/app/(dashboard)/dashboard/page.tsx b/apps/web/src/app/(dashboard)/dashboard/page.tsx
index 8e242b2fd..e4decd3c4 100644
--- a/apps/web/src/app/(dashboard)/dashboard/page.tsx
+++ b/apps/web/src/app/(dashboard)/dashboard/page.tsx
@@ -34,22 +34,23 @@ 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}`} passHref>
+            <CardMetric icon={card.icon} title={card.title} value={card.status} />
+          </Link>
+        ))}
       </div>
-
+      ;
       <div className="mt-12">
         <UploadDocument />