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

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

diff --git a/apps/web/src/app/(dashboard)/documents/page.tsx b/apps/web/src/app/(dashboard)/documents/page.tsx
index 834483757..8ac33be51 100644
--- a/apps/web/src/app/(dashboard)/documents/page.tsx
+++ b/apps/web/src/app/(dashboard)/documents/page.tsx
@@ -64,6 +64,12 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
     return `/documents?${params.toString()}`;
   };
 
+  const documentStatuses = [
+    InternalDocumentStatus.PENDING,
+    InternalDocumentStatus.COMPLETED,
+    InternalDocumentStatus.DRAFT,
+  ];
+
   return (
     <div className="mx-auto w-full max-w-screen-xl px-4 md:px-8">
       <UploadDocument />
@@ -73,35 +79,17 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
       <div className="mt-8 flex flex-wrap gap-x-4 gap-y-6">
         <Tabs defaultValue={shouldDefaultToPending ? InternalDocumentStatus.PENDING : status}>
           <TabsList>
-            <TabsTrigger className="min-w-[60px]" value={InternalDocumentStatus.PENDING} asChild>
-              <Link href={getTabHref(InternalDocumentStatus.PENDING)}>
-                <DocumentStatus status={InternalDocumentStatus.PENDING} />
+            {documentStatuses.map((status) => (
+              <TabsTrigger key={status} className="min-w-[60px]" value={status} asChild>
+                <Link href={getTabHref(status)}>
+                  <DocumentStatus status={status} />
 
-                <span className="ml-1 hidden opacity-50 md:inline-block">
-                  {Math.min(stats.PENDING, 99)}
-                </span>
-              </Link>
-            </TabsTrigger>
-
-            <TabsTrigger className="min-w-[60px]" value={InternalDocumentStatus.COMPLETED} asChild>
-              <Link href={getTabHref(InternalDocumentStatus.COMPLETED)}>
-                <DocumentStatus status={InternalDocumentStatus.COMPLETED} />
-
-                <span className="ml-1 hidden opacity-50 md:inline-block">
-                  {Math.min(stats.COMPLETED, 99)}
-                </span>
-              </Link>
-            </TabsTrigger>
-
-            <TabsTrigger className="min-w-[60px]" value={InternalDocumentStatus.DRAFT} asChild>
-              <Link href={getTabHref(InternalDocumentStatus.DRAFT)}>
-                <DocumentStatus status={InternalDocumentStatus.DRAFT} />
-
-                <span className="ml-1 hidden opacity-50 md:inline-block">
-                  {Math.min(stats.DRAFT, 99)}
-                </span>
-              </Link>
-            </TabsTrigger>
+                  <span className="ml-1 hidden opacity-50 md:inline-block">
+                    {Math.min(stats[status], 99)}
+                  </span>
+                </Link>
+              </TabsTrigger>
+            ))}
 
             <TabsTrigger className="min-w-[60px]" value="ALL" asChild>
               <Link href={getTabHref('ALL')}>All</Link>