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

Merge branch 'feat/refresh' into feat/stacked-avatars

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-07-01 01:16:58 +00:00
committed by GitHub
parent b50f64d4ad 60b150cc58
commit 0ad0524157
20 changed files with 6948 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -39,9 +39,15 @@ export default async function DashboardPage() {
<h1 className="text-4xl font-semibold">Dashboard</h1>
<div className="mt-8 grid grid-cols-1 gap-4 md:grid-cols-3">
<CardMetric icon={FileCheck} title="Completed" value={stats.COMPLETED} />
<CardMetric icon={File} title="Drafts" value={stats.DRAFT} />
<CardMetric icon={Clock} title="Pending" value={stats.PENDING} />
<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>
</div>
<div className="mt-12">

7
apps/web/src/components/(dashboard)/metric-card/metric-card.tsx
View File

@ -13,7 +13,12 @@ export type CardMetricProps = {
export const CardMetric = ({ icon: Icon, title, value, className }: CardMetricProps) => {
return (
<div className={cn('border-border bg-background overflow-hidden rounded-lg border', className)}>
<div
className={cn(
'border-border bg-background overflow-hidden rounded-lg border shadow shadow-transparent duration-200 hover:shadow-slate-100',
className,
)}
>
<div className="px-4 pb-6 pt-4 sm:px-4 sm:pb-8 sm:pt-4">
<div className="flex items-start">
{Icon && <Icon className="mr-2 h-4 w-4 text-slate-500" />}