Add SEAL Links (#460)

* Add SEAL Links * Update SEAL Links * Correct mistakes * Fix Errors * Fixed remaining errors * Fix issue with children prop
ElectronicBabylonianLiterature · May 2, 2024 · f7fb269 · f7fb269
1 parent 269be23
commit f7fb269
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 0 deletions.
diff --git a/src/fragmentarium/domain/FragmentDtos.ts b/src/fragmentarium/domain/FragmentDtos.ts
@@ -83,6 +83,7 @@ export type ExternalNumbers = {
   [K in ExternalNumber]?: string
 } & {
   oraccNumbers?: readonly string[]
+  sealNumbers?: readonly string[]
 }
 
 export default interface FragmentDto {

diff --git a/src/fragmentarium/domain/fragment.ts b/src/fragmentarium/domain/fragment.ts
@@ -232,9 +232,13 @@ export class Fragment {
   get oraccNumbers(): readonly string[] {
     return this.externalNumbers['oraccNumbers'] || []
   }
+  get sealNumbers(): readonly string[] {
+    return this.externalNumbers['sealNumbers'] || []
+  }
   get hasExternalResources(): boolean {
     return _.some([
       ...this.oraccNumbers,
+      ...this.sealNumbers,
       ...ExternalNumberTypes.map((number) =>
         this.getExternalNumber(number as ExternalNumber)
       ),

diff --git a/src/fragmentarium/ui/info/ExternalNumberLink.tsx b/src/fragmentarium/ui/info/ExternalNumberLink.tsx
@@ -145,6 +145,15 @@ export function alalahHpmLink({ number }: { number: string }): JSX.Element {
     />
   )
 }
+export function sealLink({ number }: { number: string }): JSX.Element {
+  return (
+    <ExternalNumberLink
+      number={number}
+      baseUrl={'https://seal.huji.ac.il/node/'}
+      label={'SEAL Number'}
+    />
+  )
+}
 export function australianinstituteofarchaeologyLink({
   number,
 }: {
@@ -187,6 +196,16 @@ function OraccLink({
     </ExternalLink>
   )
 }
+function SealLink({ sealTextNumber }: { sealTextNumber: string }): JSX.Element {
+  const url = `https://seal.huji.ac.il/node/${encodeURIComponent(
+    sealTextNumber
+  )}`
+  return (
+    <ExternalLink href={url} aria-label={`Seal text ${sealTextNumber}`}>
+      {sealTextNumber}
+    </ExternalLink>
+  )
+}
 
 export function OraccLinks({
   projects,
@@ -208,3 +227,22 @@ export function OraccLinks({
     </>
   )
 }
+
+export function SealLinks({
+  sealTextNumbers,
+}: {
+  sealTextNumbers: readonly string[]
+}): JSX.Element {
+  return (
+    <>
+      {'SEAL ('}
+      {sealTextNumbers.map((sealTextNumber, index) => (
+        <Fragment key={index}>
+          {index !== 0 && ', '}
+          <SealLink sealTextNumber={sealTextNumber} />
+        </Fragment>
+      ))}
+      {')'}
+    </>
+  )
+}
diff --git a/src/fragmentarium/ui/info/ExternalResources.tsx b/src/fragmentarium/ui/info/ExternalResources.tsx
@@ -18,6 +18,7 @@ import {
   BmIdLink,
   YalePeabodyLink,
   OraccLinks,
+  SealLinks,
 } from './ExternalNumberLink'
 import _ from 'lodash'
 
@@ -77,6 +78,11 @@ export default function ExternalResources({
           />
         </li>
       )}
+      {!_.isEmpty(fragment.sealNumbers) && (
+        <li>
+          <SealLinks sealTextNumbers={fragment.sealNumbers} />
+        </li>
+      )}
     </ul>
   )
 }