Merge branch '404' of https://github.com/ElTimuro/documenso into 404

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,