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 && (

src/pages/sign/index.tsx

@@ -958,6 +958,7 @@ export const SignPage = () => {
       setCurrentUserMarks={setCurrentUserMarks}
       setUpdatedMarks={setUpdatedMarks}
       handleDownload={handleDownload}
+      meta={meta}
     />
   )
 }