import Head from "next/head"; import { useState, useCallback } from "react"; import styles from "../styles/Home.module.css"; import Header from "../components/templates/header"; import Nav from "../components/templates/nav"; import UserTop from "../components/templates/userTop"; import Content from "../components/templates/content"; import Footer from "../components/templates/footer"; import { useSession, signIn, signOut } from "next-auth/react"; import { Pane, TextInputField, TextareaField, Button, BuildIcon, toaster, Alert, FileUploader, FileCard, } from "evergreen-ui"; export default function Pdf() { const { data: session } = useSession(); const [files, setFiles] = useState([]); const [fileRejections, setFileRejections] = useState([]); const handleChange = useCallback((files) => setFiles([files[0]]), []); const handleRejected = useCallback( (fileRejections) => setFileRejections([fileRejections[0]]), [] ); const handleRemove = useCallback(() => { setFiles([]); setFileRejections([]); }, []); if (session) { return (