feat(FileMetadata): add persistentId

IQSS · Jan 15, 2024 · 3c680c8 · 3c680c8
1 parent 7c6d583
commit 3c680c8
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 2 deletions.
diff --git a/src/files/domain/models/File.ts b/src/files/domain/models/File.ts
@@ -12,5 +12,6 @@ export interface File {
   restricted: boolean
   permissions: FilePermissions
   labels: FileLabel[]
+  persistentId?: string
   thumbnail?: string
 }
diff --git a/src/sections/file/file-metadata/FileMetadata.module.scss b/src/sections/file/file-metadata/FileMetadata.module.scss
@@ -0,0 +1,3 @@
+.row {
+    margin: 12px 0;
+}
diff --git a/src/sections/file/file-metadata/FileMetadata.tsx b/src/sections/file/file-metadata/FileMetadata.tsx
@@ -2,6 +2,7 @@ import { Accordion, Col, Row } from '@iqss/dataverse-design-system'
 import { File } from '../../../files/domain/models/File'
 import { FilePreview } from '../file-preview/FilePreview'
 import { FileLabels } from '../../dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/FileLabels'
+import styles from './FileMetadata.module.scss'
 
 interface FileMetadataProps {
   file: File
@@ -13,7 +14,7 @@ export function FileMetadata({ file }: FileMetadataProps) {
       <Accordion.Item eventKey="0">
         <Accordion.Header>File Metadata</Accordion.Header>
         <Accordion.Body>
-          <Row>
+          <Row className={styles.row}>
             <Col sm={3}>
               <strong>Preview</strong>
             </Col>
@@ -22,7 +23,7 @@ export function FileMetadata({ file }: FileMetadataProps) {
             </Col>
           </Row>
           {file.labels.length > 0 && (
-            <Row>
+            <Row className={styles.row}>
               <Col sm={3}>
                 <strong>File Tags</strong>
               </Col>
@@ -31,6 +32,14 @@ export function FileMetadata({ file }: FileMetadataProps) {
               </Col>
             </Row>
           )}
+          {file.persistentId && (
+            <Row className={styles.row}>
+              <Col sm={3}>
+                <strong>File Persistent ID</strong>
+              </Col>
+              <Col>{file.persistentId}</Col>
+            </Row>
+          )}
         </Accordion.Body>
       </Accordion.Item>
     </Accordion>

diff --git a/tests/component/files/domain/models/FileMother.ts b/tests/component/files/domain/models/FileMother.ts
@@ -17,6 +17,7 @@ export class FileMother {
       },
       labels: faker.datatype.boolean() ? FileLabelMother.createMany(3) : [],
       thumbnail: faker.datatype.boolean() ? faker.image.imageUrl() : undefined,
+      persistentId: faker.datatype.boolean() ? faker.datatype.uuid() : undefined,
       ...props
     }
   }
@@ -29,6 +30,7 @@ export class FileMother {
       permissions: {
         canDownloadFile: true
       },
+      persistentId: 'doi:10.5072/FK2/ABC123',
       ...props
     })
   }

diff --git a/tests/component/sections/file/file-metadata/FileMetadata.spec.tsx b/tests/component/sections/file/file-metadata/FileMetadata.spec.tsx
@@ -34,4 +34,13 @@ describe('FileMetadata', () => {
 
     cy.findByText('File Tags').should('not.exist')
   })
+
+  it('renders the file persistent id', () => {
+    cy.customMount(
+      <FileMetadata file={FileMother.create({ persistentId: 'doi:10.5072/FK2/ABC123' })} />
+    )
+
+    cy.findByText('File Persistent ID').should('exist')
+    cy.findByText('doi:10.5072/FK2/ABC123').should('exist')
+  })
 })