From cea1c52e0355118c2e19d25cfb0445e5f94f08b0 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Tue, 21 Feb 2023 11:49:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=E2=9C=A8=20DOC-104?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/pages/documents.tsx                 | 26 +++++++++++++++++++-
 apps/web/pages/documents/[id]/recipients.tsx |  9 +++++++
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/documents.tsx b/apps/web/pages/documents.tsx
index d1ebbfe46..e3ba87a3b 100644
--- a/apps/web/pages/documents.tsx
+++ b/apps/web/pages/documents.tsx
@@ -3,10 +3,12 @@ import Layout from "../components/layout";
 import type { NextPageWithLayout } from "./_app";
 import Head from "next/head";
 import {
+  ArrowDownTrayIcon,
   CheckBadgeIcon,
   CheckIcon,
   DocumentPlusIcon,
   EnvelopeIcon,
+  PencilSquareIcon,
   PlusIcon,
   TrashIcon,
 } from "@heroicons/react/24/outline";
@@ -224,9 +226,31 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
                         </td>
                         <td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                           <div>
+                            <IconButton
+                              icon={PencilSquareIcon}
+                              className="mr-2"
+                              onClick={(event: any) => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                router.push("/documents/" + document.id);
+                              }}
+                            >
+                              Edit
+                            </IconButton>
+                            <IconButton
+                              icon={ArrowDownTrayIcon}
+                              className="mr-2"
+                              onClick={(event: any) => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                router.push("/api/documents/" + document.id);
+                              }}
+                              download
+                            >
+                              Download
+                            </IconButton>
                             <IconButton
                               icon={TrashIcon}
-                              className="flex-shrink-0 -ml-1 mr-3 h-6 w-6 inline text-neon"
                               onClick={(event: any) => {
                                 event.preventDefault();
                                 event.stopPropagation();
diff --git a/apps/web/pages/documents/[id]/recipients.tsx b/apps/web/pages/documents/[id]/recipients.tsx
index e12f351cb..18e6666e5 100644
--- a/apps/web/pages/documents/[id]/recipients.tsx
+++ b/apps/web/pages/documents/[id]/recipients.tsx
@@ -4,6 +4,7 @@ import Layout from "../../../components/layout";
 import { NextPageWithLayout } from "../../_app";
 import { classNames, NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib";
 import {
+  ArrowDownTrayIcon,
   CheckBadgeIcon,
   CheckIcon,
   EnvelopeIcon,
@@ -63,6 +64,14 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
             </h2>
           </div>
           <div className="mt-4 flex flex-shrink-0 md:mt-0 md:ml-4">
+            <Button
+              icon={ArrowDownTrayIcon}
+              color="secondary"
+              className="mr-2"
+              href={"/api/documents/" + props.document.id}
+            >
+              Download
+            </Button>
             <Button
               icon={PencilSquareIcon}
               color="secondary"