This commit is contained in:
Timur Ercan
2023-01-12 13:01:09 +01:00
parent b15b4c6741
commit c256a28fc0

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,10 +68,8 @@ 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"> <dt className="truncate text-sm font-medium text-gray-500">
<item.icon <item.icon
className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon" className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon"
@ -52,6 +81,7 @@ const DashboardPage: NextPageWithLayout = () => {
{item.stat} {item.stat}
</dd> </dd>
</div> </div>
</Link>
))} ))}
</dl> </dl>
<div className="mt-12"> <div className="mt-12">