import { useSession } from "next-auth/react";
import Head from "next/head";
import type { ReactElement } from "react";
import Layout from "../components/layout";
import Settings from "../components/settings";
import Link from "next/link";
import type { NextPageWithLayout } from "./_app";
import {
BellSnoozeIcon,
CheckBadgeIcon,
EnvelopeIcon,
EyeIcon,
SunIcon,
XCircleIcon,
} from "@heroicons/react/24/outline";
const DashboardPage: NextPageWithLayout = () => {
const status = useSession();
const stats = [
{
name: "Draft",
stat: "0",
icon: SunIcon,
link: "/documents?filter=",
},
{
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 (
<>
Dashboard | Documenso
{stats.map((item) => (
-
{item.name}
-
{item.stat}
))}
);
};
// todo layout as component
DashboardPage.getLayout = function getLayout(page: ReactElement) {
return {page};
};
export default DashboardPage;