From df7f55c9ba7badcadc98930b4c51be9b223c81a4 Mon Sep 17 00:00:00 2001
From: Yugay Vasiliy <vasyayugay99@gmail.com>
Date: Tue, 13 Feb 2024 12:08:14 +0000
Subject: [PATCH] Displaying provenance of signs

---
 src/signs/domain/CroppedAnnotation.ts    | 1 +
 src/signs/ui/display/SignImages.css      | 4 ++++
 src/signs/ui/display/SignImages.test.tsx | 9 +++++++++
 src/signs/ui/display/SignImages.tsx      | 3 +++
 4 files changed, 17 insertions(+)

diff --git a/src/signs/domain/CroppedAnnotation.ts b/src/signs/domain/CroppedAnnotation.ts
index 7c554d622..3f25bc278 100644
--- a/src/signs/domain/CroppedAnnotation.ts
+++ b/src/signs/domain/CroppedAnnotation.ts
@@ -5,6 +5,7 @@ type base64String = string
 export interface CroppedAnnotation {
   image: base64String
   fragmentNumber: string
+  provenance?: string
   script: string
   label: string
   date?: MesopotamianDate
diff --git a/src/signs/ui/display/SignImages.css b/src/signs/ui/display/SignImages.css
index 23ea4c0b1..745d93010 100644
--- a/src/signs/ui/display/SignImages.css
+++ b/src/signs/ui/display/SignImages.css
@@ -7,3 +7,7 @@
   color: black;
   font-size: 90%;
 }
+
+.figure-caption .provenance {
+  color: black;
+}
diff --git a/src/signs/ui/display/SignImages.test.tsx b/src/signs/ui/display/SignImages.test.tsx
index 2500032b3..fdcd8ee14 100644
--- a/src/signs/ui/display/SignImages.test.tsx
+++ b/src/signs/ui/display/SignImages.test.tsx
@@ -19,6 +19,7 @@ const croppedAnnotations: CroppedAnnotation[] = [
     fragmentNumber: 'K.6400',
     image: imageString,
     script: '',
+    provenance: 'ASSUR',
     label: 'label-1',
   },
   {
@@ -48,6 +49,14 @@ describe('Sign Images', () => {
     userEvent.click(screen.getByRole('button', { name: 'Unclassified' }))
     expect(screen.getByText(croppedAnnotations[0].fragmentNumber)).toBeVisible()
   })
+
+  it('Provenance is displayed', () => {
+    userEvent.click(screen.getByRole('button', { name: 'Unclassified' }))
+    const provenanceSpan = screen.getByText('ASSUR', {
+      selector: '.provenance',
+    })
+    expect(provenanceSpan).toBeInTheDocument()
+  })
 })
 
 describe('Sign Images Empty', () => {
diff --git a/src/signs/ui/display/SignImages.tsx b/src/signs/ui/display/SignImages.tsx
index e40c7e757..f3b71d535 100644
--- a/src/signs/ui/display/SignImages.tsx
+++ b/src/signs/ui/display/SignImages.tsx
@@ -47,6 +47,9 @@ function SignImage({
           {croppedAnnotation.date && (
             <DateDisplay date={croppedAnnotation.date} />
           )}
+          {croppedAnnotation.provenance && (
+            <span className="provenance">{`${croppedAnnotation.provenance}`}</span>
+          )}
         </Figure.Caption>
       </Figure>
     </Col>