chore: status order to figma

This commit is contained in:
Timur Ercan
2023-08-16 09:29:16 +02:00
parent e743e56787
commit 90e28cd3a4
2 changed files with 19 additions and 18 deletions

View File

@ -78,19 +78,6 @@ 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}> <Tabs defaultValue={status}>
<TabsList> <TabsList>
<TabsTrigger className="min-w-[60px]" value="ALL" asChild>
<Link href={getTabHref('ALL')}>All</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>
<TabsTrigger className="min-w-[60px]" value={InternalDocumentStatus.PENDING} asChild> <TabsTrigger className="min-w-[60px]" value={InternalDocumentStatus.PENDING} asChild>
<Link href={getTabHref(InternalDocumentStatus.PENDING)}> <Link href={getTabHref(InternalDocumentStatus.PENDING)}>
@ -111,6 +98,20 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
</span> </span>
</Link> </Link>
</TabsTrigger> </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>
<TabsTrigger className="min-w-[60px]" value="ALL" asChild>
<Link href={getTabHref('ALL')}>All</Link>
</TabsTrigger>
</TabsList> </TabsList>
</Tabs> </Tabs>

View File

@ -13,11 +13,6 @@ type FriendlyStatus = {
}; };
const FRIENDLY_STATUS_MAP: Record<InternalDocumentStatus, FriendlyStatus> = { const FRIENDLY_STATUS_MAP: Record<InternalDocumentStatus, FriendlyStatus> = {
DRAFT: {
label: 'Draft',
icon: File,
color: 'text-yellow-500',
},
PENDING: { PENDING: {
label: 'Pending', label: 'Pending',
icon: Clock, icon: Clock,
@ -28,6 +23,11 @@ const FRIENDLY_STATUS_MAP: Record<InternalDocumentStatus, FriendlyStatus> = {
icon: CheckCircle2, icon: CheckCircle2,
color: 'text-green-500', color: 'text-green-500',
}, },
DRAFT: {
label: 'Draft',
icon: File,
color: 'text-yellow-500',
},
}; };
export type DocumentStatusProps = HTMLAttributes<HTMLSpanElement> & { export type DocumentStatusProps = HTMLAttributes<HTMLSpanElement> & {