feat(web): Evidence: display submission timestamp

Author: ShubhamParkhi

subgraph/core/schema.graphql

@@ -53,6 +53,7 @@ interface Evidence {
   evidence: String!
   evidenceGroup: EvidenceGroup!
   sender: User!
+  timestamp: BigInt!
 }
 
 ############
@@ -296,6 +297,7 @@ type ClassicEvidence implements Evidence @entity {
   evidence: String!
   evidenceGroup: EvidenceGroup!
   sender: User!
+  timestamp: BigInt!
 }
 
 type ClassicContribution implements Contribution @entity {

subgraph/core/src/EvidenceModule.ts

@@ -12,6 +12,7 @@ export function handleEvidenceEvent(event: EvidenceEvent): void {
   evidenceGroup.save();
   const evidence = new ClassicEvidence(`${evidenceGroupID}-${evidenceIndex.toString()}`);
   const userId = event.params._party.toHexString();
+  evidence.timestamp = event.block.timestamp;
   evidence.evidence = event.params._evidence;
   evidence.evidenceGroup = evidenceGroupID.toString();
   evidence.sender = userId;

web/src/components/EvidenceCard.tsx

@@ -115,9 +115,10 @@ interface IEvidenceCard {
   evidence: string;
   sender: string;
   index: number;
+  timestamp: BigInt;
 }
 
-const EvidenceCard: React.FC<IEvidenceCard> = ({ evidence, sender, index }) => {
+const EvidenceCard: React.FC<IEvidenceCard> = ({ evidence, sender, index, timestamp }) => {
   const { data } = useIPFSQuery(evidence);
   return (
     <StyledCard>
@@ -137,6 +138,7 @@ const EvidenceCard: React.FC<IEvidenceCard> = ({ evidence, sender, index }) => {
           <Identicon size="24" string={sender} />
           <p>{shortenAddress(sender)}</p>
         </AccountContainer>
+        <p>{new Date(timestamp).toLocaleString()}</p>
         {data && typeof data.fileURI !== "undefined" && (
           <StyledA href={getIpfsUrl(data.fileURI)} target="_blank" rel="noreferrer">
             <AttachmentIcon />

web/src/hooks/queries/useEvidences.ts

@@ -14,6 +14,7 @@ const evidencesQuery = graphql(`
       sender {
         id
       }
+      timestamp
     }
   }
 `);

web/src/pages/Cases/CaseDetails/Evidence/index.tsx

@@ -62,8 +62,8 @@ const Evidence: React.FC<{ arbitrable?: `0x${string}` }> = ({ arbitrable }) => {
         />
       </EnsureChain>
       {data ? (
-        data.evidences.map(({ key, evidence, sender }, i) => (
-          <EvidenceCard key={key} index={i + 1} sender={sender?.id} {...{ evidence }} />
+        data.evidences.map(({ key, evidence, sender, timestamp }, i) => (
+          <EvidenceCard key={key} index={i + 1} sender={sender?.id} timestamp={timestamp} {...{ evidence }} />
         ))
       ) : (
         <SkeletonEvidenceCard />