import Head from "next/head"; import { ReactElement } from "react"; import Layout from "../components/layout"; import Link from "next/link"; import type { NextPageWithLayout } from "./_app"; import { CheckBadgeIcon, DocumentIcon, ExclamationTriangleIcon, UsersIcon, } from "@heroicons/react/24/outline"; import { uploadDocument } from "@documenso/features"; import { DocumentStatus, SendStatus, Document as PrismaDocument, } from "@prisma/client"; import { getUserFromToken } from "@documenso/lib/server"; import { getDocumentsForUserFromToken } from "@documenso/lib/query"; type FormValues = { document: File; }; const DashboardPage: NextPageWithLayout = (props: any) => { const stats = [ { name: "Draft", stat: "0", icon: DocumentIcon, link: "/documents?filter=draft", }, { name: "Action required", stat: "0", icon: ExclamationTriangleIcon, link: "/documents?filter=action_required", }, { name: "Waiting for others", stat: "0", icon: UsersIcon, link: "/documents?filter=waiting_for_others", }, { name: "Completed", stat: "0", icon: CheckBadgeIcon, link: "/documents?filter=completed", }, ]; return ( <> Dashboard | Documenso

Dashboard

{stats.map((item) => (
{item.name}
{getStat(item.name, props)}
))}
{ uploadDocument(event); }} hidden />
{ document?.getElementById("fileUploadHelper")?.click(); }} className="relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" > Upload a new PDF document
); }; // todo layout as component DashboardPage.getLayout = function getLayout(page: ReactElement) { return {page}; }; function getStat(name: string, props: any) { if (name === "Draft") return props.dashboard.drafts; if (name === "Action required") return props.dashboard.action; if (name === "Waiting for others") return props.dashboard.waiting; if (name === "Completed") return props.dashboard.completed; return 0; } export async function getServerSideProps(context: any) { const user = await getUserFromToken(context.req, context.res); if (!user) return; // todo optimize querys // todo no intersection groups const documents: any[] = await getDocumentsForUserFromToken(context); const drafts: PrismaDocument[] = documents.filter( (d) => d.status === DocumentStatus.DRAFT ); // Todo count declined, expired etc. const action: PrismaDocument[] = []; const waiting: any[] = documents.filter((e) => e.Recipient.some((e: any) => e.sendStatus === SendStatus.SENT) ); const completed: PrismaDocument[] = documents.filter( (d) => d.status === DocumentStatus.COMPLETED ); return { props: { dashboard: { drafts: drafts.length, action: action.length, waiting: waiting.length, completed: completed.length, }, }, }; } export default DashboardPage;