send fix, send error handling

apps/web/pages/documents/[id]/recipients.tsx

@@ -430,24 +430,32 @@ async function send(document: any) {
   // todo toast
   // loading
   if (!document || !document.id) return;
-  return toast
+  try {
-    .promise(
+    const sent = await toast.promise(
       fetch(`/api/documents/${document.id}/send`, {
         body: "",
         headers: {
           "Content-Type": "application/json",
         },
         method: "POST",
-      }),
+      })
+        .then((res: any) => {
+          if (!res.ok) {
+            throw new Error(res.status.toString());
+          }
+        })
+        .finally(() => {
+          location.reload();
+        }),
       {
         loading: "Sending...",
         success: `Sent!`,
-        error: "Changes could not send :/",
+        error: "Could not send :/",
       }
-    )
+    );
-    .finally(() => {
+  } catch (err) {
-      location.reload();
+    console.log(err);
-    });
+  }
 }
 
 export default RecipientsPage;

packages/lib/mail/sendSignedMail.ts

@@ -2,7 +2,11 @@ import { sendMail } from "./sendMail";
 import { NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib/constants";
 import { transactionEmailTemplate } from "@documenso/lib/mail";
 
-export const sendSignedMail = async (recipient: any, document: any) => {
+export const sendSignedMail = async (
+  recipient: any,
+  document: any,
+  user: any
+) => {
   // todo check if recipient has an account
   await sendMail(
     document.User.email,
@@ -14,7 +18,8 @@ export const sendSignedMail = async (recipient: any, document: any) => {
       document,
       recipient,
       `${NEXT_PUBLIC_WEBAPP_URL}/documents/${document.id}`,
-      `View Document`
+      `View Document`,
+      user
     )
   );
 };

packages/lib/mail/sendSigningRequest.ts

@@ -18,7 +18,8 @@ export const sendSigningRequest = async (
       document,
       recipient,
       `${NEXT_PUBLIC_WEBAPP_URL}/documents/${document.id}/sign?token=${recipient.token}`,
-      `Sign Document`
+      `Sign Document`,
+      user
     )
   ).catch((err) => {
     throw err;

packages/lib/mail/transactionEmailTemplate.ts

@@ -6,7 +6,8 @@ export const transactionEmailTemplate = (
   document: any,
   recipient: any,
   ctaLink: string,
-  ctaLabel: string
+  ctaLabel: string,
+  user: any
 ) => {
   const html = `
     <div style="background-color: #eaeaea; padding: 2%;">
@@ -20,7 +21,7 @@ export const transactionEmailTemplate = (
         </p>
         <hr size="1" style="height:1px;border:none;color:#e0e0e0;background-color:#e0e0e0">
         Click the button to view "${document.title}".<br>
-        <small>If you have questions about this document, you should ask ${document.User.name}.</small>
+        <small>If you have questions about this document, you should ask ${user.name}.</small>
         <hr size="1" style="height:1px;border:none;color:#e0e0e0;background-color:#e0e0e0">
       </div>
     `;