Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 04:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: updated documents page

Browse Source 
Signed-off-by: Adithya Krishna <adikrish@redhat.com>
This commit is contained in:
Adithya Krishna
2023-08-26 13:18:12 +05:30
committed by Mythie
parent a8a6e40174
commit c29d1463b0
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/web/src/app/(dashboard)/documents/page.tsx
View File

@ -58,6 +58,12 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
return `/documents?${params.toString()}`; return `/documents?${params.toString()}`;
}; };
const documentStatuses = [
InternalDocumentStatus.PENDING,
InternalDocumentStatus.COMPLETED,
InternalDocumentStatus.DRAFT,
];
return ( return (
<div className="mx-auto w-full max-w-screen-xl px-4 md:px-8"> <div className="mx-auto w-full max-w-screen-xl px-4 md:px-8">
<UploadDocument /> <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"> <div className="mt-8 flex flex-wrap gap-x-4 gap-y-6">
<Tabs defaultValue={status} className="overflow-x-auto"> <Tabs defaultValue={status} className="overflow-x-auto">
<TabsList> <TabsList>
{[ {documentStatuses.map((status) => (
ExtendedDocumentStatus.INBOX, <TabsTrigger key={status} className="min-w-[60px]" value={status} asChild>
ExtendedDocumentStatus.PENDING, <Link href={getTabHref(status)}>
ExtendedDocumentStatus.COMPLETED, <DocumentStatus status={status} />
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} />
{value !== ExtendedDocumentStatus.ALL && ( <span className="ml-1 hidden opacity-50 md:inline-block">
<span className="ml-1 hidden opacity-50 md:inline-block"> {Math.min(stats[status], 99)}
{Math.min(stats[value], 99)} </span>
</span>
)}
</Link> </Link>
</TabsTrigger> </TabsTrigger>
))} ))}
<TabsTrigger className="min-w-[60px]" value="ALL" asChild>
<Link href={getTabHref('ALL')}>All</Link>
</TabsTrigger>
</TabsList> </TabsList>
</Tabs> </Tabs>