Add notes to display

ElectronicBabylonianLiterature · Nov 14, 2024 · ce3d481 · ce3d481
1 parent ba1393f
commit ce3d481
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/fragmentarium/ui/info/Details.css b/src/fragmentarium/ui/info/Details.css
@@ -7,6 +7,11 @@
   margin-bottom: 0.4em;
 }
 
+.Details__item--provenance {
+  list-style-position: inside;
+  list-style-type: disc;
+}
+
 .Details__item--extra-margin {
   margin-bottom: 1em;
 }

diff --git a/src/fragmentarium/ui/info/Details.tsx b/src/fragmentarium/ui/info/Details.tsx
@@ -111,6 +111,7 @@ function Provenance({ fragment }: Props): JSX.Element {
 function ExcavationDate({ fragment }: Props): JSX.Element {
   const isRegularExcavation = fragment.archaeology?.isRegularExcavation
   const date = fragment.archaeology?.date
+  const dateNotes = date?.notes
 
   const formatDate = (date: DateRange) => {
     const locale = navigator.language
@@ -135,6 +136,7 @@ function ExcavationDate({ fragment }: Props): JSX.Element {
         <>
           Regular Excavation
           {date && <> ({formatDate(date)})</>}
+          {dateNotes && <>, {dateNotes}</>}
         </>
       )}
     </>
@@ -178,16 +180,18 @@ function Details({
       <li className="Details__item">
         <Accession fragment={fragment} />
       </li>
-      <li className="Details__item">
-        <Excavation fragment={fragment} />
-      </li>
       <li className="Details__item">
         <Provenance fragment={fragment} />
       </li>
-      <li className="Details__item">
+      <li className="Details__item--provenance">
+        <Excavation fragment={fragment} />
+      </li>
+      <li className="Details__item--provenance">
         <ExcavationDate fragment={fragment} />
       </li>
-      <li className="Details__item">{`Findspot: ${findspotString || '-'}`}</li>
+      <li className="Details__item--provenance">{`Findspot: ${
+        findspotString || '-'
+      }`}</li>
       <li className="Details__item">
         <GenreSelection
           fragment={fragment}