From 2becab9f79e1cb3aaf91178d67c70f9e98c4f98b Mon Sep 17 00:00:00 2001
From: Eugene <eugene@nostrdev.com>
Date: Thu, 15 Aug 2024 12:23:35 +0300
Subject: [PATCH] feat(pdf-marking): integrates UserDetails

---
 src/components/PDFView/PdfMarking.tsx | 11 ++++++++---
 src/pages/sign/index.tsx              |  1 +
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/PDFView/PdfMarking.tsx b/src/components/PDFView/PdfMarking.tsx
index 943b032..8d3a369 100644
--- a/src/components/PDFView/PdfMarking.tsx
+++ b/src/components/PDFView/PdfMarking.tsx
@@ -14,6 +14,8 @@ import styles from './style.module.scss'
 import { CurrentUserFile } from '../../types/file.ts'
 import FileList from '../FileList'
 import { StickySideColumns } from '../../layouts/StickySideColumns.tsx'
+import { UsersDetails } from '../UsersDetails.tsx'
+import { Meta } from '../../types'
 
 interface PdfMarkingProps {
   files: CurrentUserFile[]
@@ -22,6 +24,7 @@ interface PdfMarkingProps {
   setCurrentUserMarks: (currentUserMarks: CurrentUserMark[]) => void
   setUpdatedMarks: (markToUpdate: Mark) => void
   handleDownload: () => void
+  meta: Meta | null
 }
 
 /**
@@ -37,7 +40,8 @@ const PdfMarking = (props: PdfMarkingProps) => {
     setIsReadyToSign,
     setCurrentUserMarks,
     setUpdatedMarks,
-    handleDownload
+    handleDownload,
+    meta
   } = props
   const [selectedMark, setSelectedMark] = useState<CurrentUserMark | null>(null)
   const [selectedMarkValue, setSelectedMarkValue] = useState<string>('')
@@ -81,8 +85,8 @@ const PdfMarking = (props: PdfMarkingProps) => {
   }
 
   const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    if (!selectedMarkValue || !selectedMark) return;
+    event.preventDefault()
+    if (!selectedMarkValue || !selectedMark) return
 
     const updatedMark: CurrentUserMark = getUpdatedMark(
       selectedMark,
@@ -126,6 +130,7 @@ const PdfMarking = (props: PdfMarkingProps) => {
               )}
             </div>
           }
+          right={meta !== null && <UsersDetails meta={meta} />}
         >
           <div className={styles.container}>
             {currentUserMarks?.length > 0 && (
diff --git a/src/pages/sign/index.tsx b/src/pages/sign/index.tsx
index 72ee3f4..9f2ab7c 100644
--- a/src/pages/sign/index.tsx
+++ b/src/pages/sign/index.tsx
@@ -958,6 +958,7 @@ export const SignPage = () => {
       setCurrentUserMarks={setCurrentUserMarks}
       setUpdatedMarks={setUpdatedMarks}
       handleDownload={handleDownload}
+      meta={meta}
     />
   )
 }