From 1fc1a915b5b0161a26ccee7532ea23dc4cb50d1d Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Tue, 31 Jan 2023 16:42:22 +0100
Subject: [PATCH] recipient idea

---
 apps/web/pages/documents/[id]/recipients.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/documents/[id]/recipients.tsx b/apps/web/pages/documents/[id]/recipients.tsx
index 631d15c9d..da9d1ba9e 100644
--- a/apps/web/pages/documents/[id]/recipients.tsx
+++ b/apps/web/pages/documents/[id]/recipients.tsx
@@ -18,6 +18,7 @@ import {
 import { classNames, NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib";
 import {
   PaperAirplaneIcon,
+  UserCircleIcon,
   UserGroupIcon,
   UserIcon,
   UsersIcon,
@@ -118,7 +119,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
               disabled={(props?.document?.Recipient?.length || 0) === 0}
               onClick={() =>
                 confirm(
-                  `Send document out to ${props?.document?.recipient?.length} recipients?`
+                  `Send document out to ${props?.document?.Recipient?.length} recipients?`
                 )
               }
               className="ml-3 inline-flex items-center rounded-md border border-transparent bg-neon px-4 py-2 text-sm font-medium text-white shadow-sm bg-grey hover:bg-neon-dark focus:outline-none focus:ring-2 focus:neon-dark focus:ring-offset-2"
@@ -128,6 +129,18 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
             </button>
           </div>
         </div>
+        <div className="overflow-hidden rounded-md bg-white shadow mt-10">
+          <ul role="list" className="divide-y divide-gray-200">
+            {props?.document?.Recipient.map((item: any) => (
+              <li key={item.id} className="px-6 py-4">
+                <div>
+                  <UserCircleIcon className="inline w-6 mr-2"></UserCircleIcon>
+                  {item.email}
+                </div>
+              </li>
+            ))}
+          </ul>
+        </div>
       </div>
     </>
   );