From c29d1463b0d993113008ff9c334c67464ff9e84b 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    | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/documents/page.tsx b/apps/web/src/app/(dashboard)/documents/page.tsx
index 4ea55936b..a133ebbd2 100644
--- a/apps/web/src/app/(dashboard)/documents/page.tsx
+++ b/apps/web/src/app/(dashboard)/documents/page.tsx
@@ -58,6 +58,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 />
@@ -67,25 +73,21 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
       <div className="mt-8 flex flex-wrap gap-x-4 gap-y-6">
         <Tabs defaultValue={status} className="overflow-x-auto">
           <TabsList>
-            {[
-              ExtendedDocumentStatus.INBOX,
-              ExtendedDocumentStatus.PENDING,
-              ExtendedDocumentStatus.COMPLETED,
-              ExtendedDocumentStatus.DRAFT,
-              ExtendedDocumentStatus.ALL,
-            ].map((value) => (
-              <TabsTrigger key={value} className="min-w-[60px]" value={value} asChild>
-                <Link href={getTabHref(value)} scroll={false}>
-                  <DocumentStatus status={value} />
+            {documentStatuses.map((status) => (
+              <TabsTrigger key={status} className="min-w-[60px]" value={status} asChild>
+                <Link href={getTabHref(status)}>
+                  <DocumentStatus status={status} />
 
-                  {value !== ExtendedDocumentStatus.ALL && (
-                    <span className="ml-1 hidden opacity-50 md:inline-block">
-                      {Math.min(stats[value], 99)}
-                    </span>
-                  )}
+                  <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>
+            </TabsTrigger>
           </TabsList>
         </Tabs>