feat: ord io inscription links, closes #3980

leather-io · Mar 19, 2024 · 35f4ec0 · 35f4ec0
1 parent b0eb524
commit 35f4ec0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/app/features/collectibles/components/bitcoin/inscription.tsx b/src/app/features/collectibles/components/bitcoin/inscription.tsx
@@ -1,5 +1,6 @@
 import { useLocation, useNavigate } from 'react-router-dom';
 
+import { ORD_IO_URL } from '@shared/constants';
 import { Inscription as InscriptionType } from '@shared/models/inscription.model';
 import { RouteUrls } from '@shared/route-urls';
 
@@ -16,6 +17,11 @@ import { InscriptionText } from './inscription-text';
 interface InscriptionProps {
   rawInscription: InscriptionType;
 }
+
+function openInscriptionUrl(num: number) {
+  return openInNewTab(`${ORD_IO_URL}/${num}`);
+}
+
 export function Inscription({ rawInscription }: InscriptionProps) {
   const inscription = convertInscriptionToSupportedInscriptionType(rawInscription);
   const navigate = useNavigate();
@@ -33,7 +39,7 @@ export function Inscription({ rawInscription }: InscriptionProps) {
         <CollectibleAudio
           icon={<OrdinalAvatarIcon size="lg" />}
           key={inscription.title}
-          onClickCallToAction={() => openInNewTab(inscription.infoUrl)}
+          onClickCallToAction={() => openInscriptionUrl(inscription.number)}
           onClickSend={() => openSendInscriptionModal()}
           subtitle="Ordinal inscription"
           title={`# ${inscription.number}`}
@@ -46,7 +52,7 @@ export function Inscription({ rawInscription }: InscriptionProps) {
         <CollectibleIframe
           icon={<OrdinalAvatarIcon size="lg" />}
           key={inscription.title}
-          onClickCallToAction={() => openInNewTab(inscription.infoUrl)}
+          onClickCallToAction={() => openInscriptionUrl(inscription.number)}
           onClickSend={() => openSendInscriptionModal()}
           src={inscription.src}
           subtitle="Ordinal inscription"
@@ -58,7 +64,7 @@ export function Inscription({ rawInscription }: InscriptionProps) {
         <CollectibleImage
           icon={<OrdinalAvatarIcon size="lg" />}
           key={inscription.title}
-          onClickCallToAction={() => openInNewTab(inscription.infoUrl)}
+          onClickCallToAction={() => openInscriptionUrl(inscription.number)}
           onClickSend={() => openSendInscriptionModal()}
           src={inscription.src}
           subtitle="Ordinal inscription"
@@ -70,15 +76,15 @@ export function Inscription({ rawInscription }: InscriptionProps) {
         <InscriptionText
           contentSrc={inscription.contentSrc}
           inscriptionNumber={inscription.number}
-          onClickCallToAction={() => openInNewTab(inscription.infoUrl)}
+          onClickCallToAction={() => openInscriptionUrl(inscription.number)}
           onClickSend={() => openSendInscriptionModal()}
         />
       );
     case 'other':
       return (
         <CollectibleOther
           key={inscription.title}
-          onClickCallToAction={() => openInNewTab(inscription.infoUrl)}
+          onClickCallToAction={() => openInscriptionUrl(inscription.number)}
           onClickSend={() => openSendInscriptionModal()}
           subtitle="Ordinal inscription"
           title={`# ${inscription.number}`}

diff --git a/src/shared/constants.ts b/src/shared/constants.ts
@@ -84,6 +84,8 @@ export const BITCOIN_API_BASE_URL_MAINNET = 'https://blockstream.info/api';
 export const BITCOIN_API_BASE_URL_TESTNET = 'https://blockstream.info/testnet/api';
 const BITCOIN_API_BASE_URL_SIGNET = 'https://mempool.space/signet/api';
 
+export const ORD_IO_URL = 'https://ord.io';
+
 const networkMainnet: NetworkConfiguration = {
   id: WalletDefaultNetworkConfigurationIds.mainnet,
   name: 'Mainnet',