import { useSession } from "next-auth/react"; import { ReactElement, useEffect, useState } from "react"; import Layout from "../components/layout"; import type { NextPageWithLayout } from "./_app"; import Head from "next/head"; import { PlusIcon, TrashIcon } from "@heroicons/react/24/outline"; import Link from "next/link"; import { useRouter } from "next/router"; import { uploadDocument } from "@documenso/features"; const DocumentsPage: NextPageWithLayout = (req, res) => { const router = useRouter(); const [documents = [], setDocuments] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { getDocuments(); }, []); const getDocuments = async () => { if (!documents.length) setLoading(true); fetch("/api/documents", { headers: { "Content-Type": "application/json", }, }).then((res) => { res.json().then((j) => { setDocuments(j); setLoading(false); }); }); }; function showDocument(documentId: number) { router.push("/documents/" + documentId); } return ( <> Documents | Documenso

Documents

); }; DocumentsPage.getLayout = function getLayout(page: ReactElement) { return {page}; }; export default DocumentsPage;