Merge branch 'main' into DOC-190-Dashboard-Metrics

apps/web/components/editor/pdf-editor.tsx

@@ -50,17 +50,17 @@ export default function PDFEditor(props: any) {
   return (
     <>
       <div>
-        <div className="rounded-md bg-blue-50 p-4">
+        <div hidden={!noRecipients} className="rounded-md bg-yellow-50 p-4">
           <div className="flex">
             <div className="flex-shrink-0">
               <InformationCircleIcon
-                className="h-5 w-5 text-blue-400"
+                className="h-5 w-5 text-yellow-400"
                 aria-hidden="true"
               />
             </div>
             <div className="ml-3 flex-1 md:flex md:justify-between">
-              <p className="text-sm text-blue-700">
-                This document does not have any recipients. Add recipient to
+              <p className="text-sm text-yellow-700">
+                This document does not have any recipients. Add recipients to
                 create fields.
               </p>
               <p className="mt-3 text-sm md:mt-0 md:ml-6">
@@ -71,7 +71,7 @@ export default function PDFEditor(props: any) {
                     props.document.id +
                     "/recipients"
                   }
-                  className="whitespace-nowrap font-medium text-blue-700 hover:text-blue-600"
+                  className="whitespace-nowrap font-medium text-yellow-700 hover:text-yellow-600"
                 >
                   Add Recipients
                   <span aria-hidden="true"> &rarr;</span>
@@ -82,7 +82,9 @@ export default function PDFEditor(props: any) {
         </div>
         <PDFViewer
           style={{
-            cursor: `url("https://place-hold.it/110x64/37f095/FFFFFF&text=${selectedFieldType}") 55 32, auto`,
+            cursor: !noRecipients
+              ? `url("https://place-hold.it/110x64/37f095/FFFFFF&text=${selectedFieldType}") 55 32, auto`
+              : "",
           }}
           readonly={false}
           document={props.document}
@@ -119,6 +121,7 @@ export default function PDFEditor(props: any) {
   function addField(e: any, page: number) {
     if (!selectedRecipient) return;
     if (!selectedFieldType) return;
+    if (noRecipients) return;
 
     const signatureField = createField(
       e,

apps/web/pages/dashboard.tsx

@@ -19,6 +19,7 @@ import {
 import { getUserFromToken } from "@documenso/lib/server";
 import { getDocumentsForUserFromToken } from "@documenso/lib/query";
 import { truncate } from "fs";
+import { Tooltip as ReactTooltip } from "react-tooltip";
 
 type FormValues = {
   document: File;
@@ -106,11 +107,18 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
               d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
             />
           </svg>
-
-          <span className="block mt-2 text-sm font-medium text-neon">
-            Add a new PDF document
+          <span
+            id="add_document"
+            className="mt-2 block text-sm font-medium text-neon"
+          >
+            Add a new PDF document.
           </span>
         </div>
+        <ReactTooltip
+          anchorId="add_document"
+          place="bottom"
+          content="No preparation needed. Any PDF will do."
+        />
       </div>
     </>
   );

apps/web/pages/documents.tsx

@@ -16,10 +16,10 @@ import {
 import { useRouter } from "next/router";
 import { uploadDocument } from "@documenso/features";
 import { DocumentStatus } from "@prisma/client";
-import { Tooltip as ReactTooltip } from "react-tooltip";
 import { Button, IconButton, SelectBox } from "@documenso/ui";
 import { NextPageContext } from "next";
 import { deleteDocument, getDocuments } from "@documenso/lib/api";
+import { Tooltip as ReactTooltip } from "react-tooltip";
 
 const DocumentsPage: NextPageWithLayout = (props: any) => {
   const router = useRouter();
@@ -406,7 +406,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
 
         <h3 className="mt-2 text-sm font-medium text-gray-900">No documents</h3>
         <p className="mt-1 text-sm text-gray-500">
-          Get started by creating a new document.
+          Get started by adding a document. Any PDF will do.
         </p>
         <div className="mt-6">
           <Button
@@ -428,6 +428,11 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
           />
         </div>
       </div>
+      <ReactTooltip
+        anchorId="empty"
+        place="bottom"
+        content="No preparation needed. Any PDF will do."
+      />
     </>
   );
 };