Add Metropolitan Number to Display

src/fragmentarium/domain/Fragment.test.ts

@@ -123,6 +123,7 @@ const config: Parameters<typeof Fragment['create']>[0] = {
     urOnlineNumber: '123',
     hilprechtJenaNumber: '123',
     hilprechtHeidelbergNumber: '123',
+    metropolitanNumber: '123',
   },
   projects: [],
 }

src/fragmentarium/ui/info/ExternalNumberLink.tsx

@@ -86,6 +86,17 @@ export function HilprechtHeidelbergLink({
     />
   )
 }
+
+export function MetropolitanLink({ number }: { number: string }): JSX.Element {
+  return (
+    <ExternalNumberLink
+      number={number}
+      baseUrl={'https://www.metmuseum.org/art/collection/search/'}
+      label={'The Metropolitan Museum of Art'}
+    />
+  )
+}
+
 export function YalePeabodyLink({ number }: { number: string }): JSX.Element {
   return (
     <ExternalNumberLink

src/fragmentarium/ui/info/ExternalResources.test.tsx

@@ -15,6 +15,7 @@ const archibabNumber = 'A38'
 const urOnlineNumber = 'U5'
 const hilprechtJenaNumber = 'H42'
 const hilprechtHeidelbergNumber = 'H007'
+const metropolitanNumber = 'M123'
 const yalePeabodyNumber = 'y123'
 let fragment: Fragment
 let container: HTMLElement
@@ -33,6 +34,7 @@ describe('external resources', () => {
             urOnlineNumber,
             hilprechtJenaNumber,
             hilprechtHeidelbergNumber,
+            metropolitanNumber,
             yalePeabodyNumber,
           }),
         },
@@ -61,6 +63,11 @@ describe('external resources', () => {
       'https://doi.org/10.11588/heidicon/',
       hilprechtHeidelbergNumber,
     ],
+    [
+      'The Metropolitan Museum of Art',
+      'https://www.metmuseum.org/art/collection/search/',
+      metropolitanNumber,
+    ],
     [
       'Yale Babylonian Collection',
       'https://collections.peabody.yale.edu/search/Record/YPM-',

src/fragmentarium/ui/info/ExternalResources.tsx

@@ -8,6 +8,7 @@ import {
   UrOnlineLink,
   HilprechtJenaLink,
   HilprechtHeidelbergLink,
+  MetropolitanLink,
   BmIdLink,
   YalePeabodyLink,
   OraccLinks,
@@ -29,6 +30,7 @@ export default function ExternalResources({
     [fragment.urOnlineNumber, UrOnlineLink],
     [fragment.hilprechtJenaNumber, HilprechtJenaLink],
     [fragment.hilprechtHeidelbergNumber, HilprechtHeidelbergLink],
+    [fragment.metropolitanNumber, MetropolitanLink],
     [fragment.yalePeabodyNumber, YalePeabodyLink],
   ]
   return (

src/fragmentarium/ui/info/__snapshots__/ExternalResources.test.tsx.snap

@@ -89,6 +89,18 @@ exports[`external resources Snapshot 1`] = `
       </a>
       )
     </li>
+    <li>
+      The Metropolitan Museum of Art (
+      <a
+        aria-label="The Metropolitan Museum of Art text M123"
+        href="https://www.metmuseum.org/art/collection/search/M123"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        M123
+      </a>
+      )
+    </li>
     <li>
       Yale Babylonian Collection (
       <a

src/test-support/test-fragment.ts

@@ -19,6 +19,7 @@ const externalNumbers = {
   urOnlineNumber: '123',
   hilprechtJenaNumber: '123',
   hilprechtHeidelbergNumber: '123',
+  metropolitanNumber: '123',
 }
 
 export const lines: readonly TextLineDto[] = [