Merge branch 'main' into 404

README.md

@@ -17,5 +17,3 @@ Documenso aims to be the world's most trusted document signing tool. This trust
 - Set DATABASE_URL and SENDGRID_API_KEY values in .env file
 - Run <code>npm run dev</code> root directory to start
 - Register a new user at http://localhost:3000/signup
-
-test

apps/web/components/editor/field.tsx

@@ -22,8 +22,6 @@ export default function Field(props: FieldPropsType) {
     props.field.position || { x: 0, y: -842 }
   );
   const nodeRef = React.createRef<HTMLDivElement>();
-  console.log(props.field);
-
   const onControlledDrag = (e: any, position: any) => {
     const { x, y } = position;
     setPosition({ x, y });

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

@@ -0,0 +1,19 @@
+import { NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib/constants";
+import { useRouter } from "next/router";
+import dynamic from "next/dynamic";
+import React from "react";
+
+const PDFViewer = dynamic(() => import("./pdf-viewer"), {
+  ssr: false,
+});
+
+export default function PDFEditor(props: any) {
+  const router = useRouter();
+
+  return (
+    <PDFViewer
+      document={props.document}
+      pdfUrl={`${NEXT_PUBLIC_WEBAPP_URL}/api/documents/${router.query.id}`}
+    />
+  );
+}

apps/web/components/editor/pdf-viewer.jsx

@@ -1,6 +1,6 @@
 import { Fragment, useState } from "react";
 import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
-import Field from "./editor/field";
+import Field from "./field";
 import short from "short-uuid";
 import { Button } from "@documenso/ui";
 const stc = require("string-to-color");

apps/web/pages/500.jsx

@@ -0,0 +1,10 @@
+import Link from "next/link";
+
+export default function FiveUhOh() {
+  return (
+    <>
+      <h1>500 - Something went wrong.</h1>
+      <Link href="/">Go back home</Link>
+    </>
+  );
+}

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

@@ -16,10 +16,7 @@ import { getDocument } from "@documenso/lib/query";
 import { Document as PrismaDocument } from "@prisma/client";
 import { Button, Breadcrumb } from "@documenso/ui";
 import short from "short-uuid";
-
-const PDFViewer = dynamic(() => import("../../../components/pdf-viewer"), {
-  ssr: false,
-});
+import PDFEditor from "../../../components/editor/pdf-editor";
 
 const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
   const router = useRouter();
@@ -94,10 +91,7 @@ const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
         </div>
       </div>
       <div className="mx-auto w-fit">
-        <PDFViewer
-          document={props.document}
-          pdfUrl={`${NEXT_PUBLIC_WEBAPP_URL}/api/documents/${router.query.id}`}
-        />
+        <PDFEditor document={props.document} />
       </div>
     </div>
   );
@@ -131,6 +125,12 @@ export async function getServerSideProps(context: any) {
   // todo optimize querys
   // todo no intersection groups
 
+  if (!document) {
+    return {
+      notFound: true,
+    };
+  }
+
   return {
     props: {
       document: document,

packages/features/updateUser.ts

@@ -2,8 +2,7 @@ import toast from "react-hot-toast";
 
 export const updateUser = async (user: any) => {
   if (!user) return;
-  toast
-    .promise(
+  toast.promise(
     fetch("/api/users", {
       method: "PATCH",
       headers: {
@@ -16,8 +15,5 @@ export const updateUser = async (user: any) => {
       success: `Saved!`,
       error: "Changes could not save user :/",
     }
-    )
-    .then(() => {
-      // location.reload();
-    });
+  );
 };

packages/lib/query/getDocument.ts

@@ -12,7 +12,7 @@ export const getDocument = async (
   if (!documentId) Promise.reject("No documentId");
   if (!req || !res) Promise.reject("No res or req");
 
-  const document: PrismaDocument = await prisma.document.findFirstOrThrow({
+  const document: PrismaDocument = await prisma.document.findFirst({
     where: {
       id: documentId,
       userId: user.id,

packages/ui/components/button/Button.tsx

@@ -35,6 +35,7 @@ export function Button(props: any) {
   ) : (
     <button
       id={props.id}
+      type="button"
       className={classNames(
         baseStyles,
         color === "primary" ? primaryStyles : secondaryStyles,