From 1c3d3ca88ff951a83bb1689384ea807733c0e14c Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Wed, 14 Aug 2024 14:44:11 +0200
Subject: [PATCH] refactor: pass meta to UserDetails instead of individual
 props

---
 src/components/UsersDetails.tsx/index.tsx | 41 ++++++++++-------------
 src/pages/verify/index.tsx                | 29 ++--------------
 2 files changed, 20 insertions(+), 50 deletions(-)

diff --git a/src/components/UsersDetails.tsx/index.tsx b/src/components/UsersDetails.tsx/index.tsx
index ea58f68..fc7d43d 100644
--- a/src/components/UsersDetails.tsx/index.tsx
+++ b/src/components/UsersDetails.tsx/index.tsx
@@ -10,7 +10,7 @@ import {
   SignStatus
 } from '../../utils'
 import { UserAvatar } from '../UserAvatar'
-import { FlatMeta } from '../../hooks/useSigitMeta'
+import { useSigitMeta } from '../../hooks/useSigitMeta'
 import { UserAvatarGroup } from '../UserAvatarGroup'
 
 import styles from './style.module.scss'
@@ -28,31 +28,24 @@ import { useSelector } from 'react-redux'
 import { State } from '../../store/rootReducer'
 import { TooltipChild } from '../TooltipChild'
 import { DisplaySigner } from '../DisplaySigner'
+import { Meta } from '../../types'
 
-type UsersDetailsProps = Pick<
-  FlatMeta,
-  | 'submittedBy'
-  | 'signers'
-  | 'viewers'
-  | 'fileHashes'
-  | 'parsedSignatureEvents'
-  | 'createdAt'
-  | 'signedStatus'
-  | 'completedAt'
-  | 'signersStatus'
->
+interface UsersDetailsProps {
+  meta: Meta
+}
 
-export const UsersDetails = ({
-  submittedBy,
-  signers,
-  viewers,
-  fileHashes,
-  parsedSignatureEvents,
-  createdAt,
-  signedStatus,
-  completedAt,
-  signersStatus
-}: UsersDetailsProps) => {
+export const UsersDetails = ({ meta }: UsersDetailsProps) => {
+  const {
+    submittedBy,
+    signers,
+    viewers,
+    fileHashes,
+    signersStatus,
+    createdAt,
+    completedAt,
+    parsedSignatureEvents,
+    signedStatus
+  } = useSigitMeta(meta)
   const { usersPubkey } = useSelector((state: State) => state.auth)
   const profiles = useSigitProfiles([
     ...(submittedBy ? [submittedBy] : []),
diff --git a/src/pages/verify/index.tsx b/src/pages/verify/index.tsx
index bd35f14..d991666 100644
--- a/src/pages/verify/index.tsx
+++ b/src/pages/verify/index.tsx
@@ -54,19 +54,8 @@ export const VerifyPage = () => {
    */
   const { uploadedZip, meta } = location.state || {}
 
-  const {
-    submittedBy,
-    zipUrl,
-    encryptionKey,
-    signers,
-    viewers,
-    fileHashes,
-    parsedSignatureEvents,
-    createdAt,
-    signedStatus,
-    completedAt,
-    signersStatus
-  } = useSigitMeta(meta)
+  const { submittedBy, zipUrl, encryptionKey, signers, viewers, fileHashes } =
+    useSigitMeta(meta)
 
   const profiles = useSigitProfiles([
     ...(submittedBy ? [submittedBy] : []),
@@ -470,19 +459,7 @@ export const VerifyPage = () => {
                 </Box>
               </>
             }
-            right={
-              <UsersDetails
-                submittedBy={submittedBy}
-                signers={signers}
-                viewers={viewers}
-                fileHashes={fileHashes}
-                parsedSignatureEvents={parsedSignatureEvents}
-                createdAt={createdAt}
-                signedStatus={signedStatus}
-                completedAt={completedAt}
-                signersStatus={signersStatus}
-              />
-            }
+            right={<UsersDetails meta={meta} />}
           />
         )}
       </Container>