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

status

Browse Source
This commit is contained in:
Timur Ercan
2023-01-12 13:01:09 +01:00
parent b15b4c6741
commit c256a28fc0
1 changed files with 51 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
apps/web/pages/dashboard.tsx
View File

@ -3,6 +3,7 @@ import Head from "next/head";
import type { ReactElement } from "react"; import type { ReactElement } from "react";
import Layout from "../components/layout"; import Layout from "../components/layout";
import Settings from "../components/settings"; import Settings from "../components/settings";
import Link from "next/link";
import type { NextPageWithLayout } from "./_app"; import type { NextPageWithLayout } from "./_app";
import { import {
BellSnoozeIcon, BellSnoozeIcon,
@ -17,12 +18,42 @@ import {
const DashboardPage: NextPageWithLayout = () => { const DashboardPage: NextPageWithLayout = () => {
const status = useSession(); const status = useSession();
const stats = [ const stats = [
{ name: "Draft", stat: "0", icon: SunIcon }, {
{ name: "Sent", stat: "0", icon: EnvelopeIcon }, name: "Draft",
{ name: "Viewed", stat: "0", icon: EyeIcon }, stat: "0",
{ name: "Signed", stat: "0", icon: CheckBadgeIcon }, icon: SunIcon,
{ name: "Expired", stat: "0", icon: BellSnoozeIcon }, link: "/documents?filter=",
{ name: "Declined", stat: "0", icon: XCircleIcon }, },
{
name: "Sent",
stat: "0",
icon: EnvelopeIcon,
link: "/documents?filter=",
},
{
name: "Viewed",
stat: "0",
icon: EyeIcon,
link: "/documents?filter=",
},
{
name: "Signed",
stat: "0",
icon: CheckBadgeIcon,
link: "/documents?filter=",
},
{
name: "Expired",
stat: "0",
icon: BellSnoozeIcon,
link: "/documents?filter=",
},
{
name: "Declined",
stat: "0",
icon: XCircleIcon,
link: "/documents?filter=",
},
]; ];
return ( return (
<> <>
@ -37,21 +68,20 @@ const DashboardPage: NextPageWithLayout = () => {
</header> </header>
<dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3"> <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
{stats.map((item) => ( {stats.map((item) => (
<div <Link href={item.link} key={item.name}>
key={item.name} <div className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6" <dt className="truncate text-sm font-medium text-gray-500">
> <item.icon
<dt className="truncate text-sm font-medium text-gray-500"> className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon"
<item.icon aria-hidden="true"
className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon" ></item.icon>
aria-hidden="true" {item.name}
></item.icon> </dt>
{item.name} <dd className="mt-1 text-3xl font-semibold tracking-tight text-gray-900">
</dt> {item.stat}
<dd className="mt-1 text-3xl font-semibold tracking-tight text-gray-900"> </dd>
{item.stat} </div>
</dd> </Link>
</div>
))} ))}
</dl> </dl>
<div className="mt-12"> <div className="mt-12">