feat: modified explorer link maker function to have a regtest option

leather-io · Nov 30, 2023 · 4b158d2 · 4b158d2
1 parent 34f5553
commit 4b158d2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/src/app/common/hooks/use-bitcoin-contracts.ts b/src/app/common/hooks/use-bitcoin-contracts.ts
@@ -224,7 +224,7 @@ export function useBitcoinContracts() {
     const txMoney = createMoneyFromDecimal(bitcoinValue, 'BTC');
     const txFiatValue = i18nFormatCurrency(calculateFiatValue(txMoney)).toString();
     const txFiatValueSymbol = bitcoinMarketData.price.symbol;
-    const txLink = { blockchain: 'bitcoin', txId };
+    const txLink = { blockchain: 'bitcoin', txid: txId };
 
     return {
       txId,

diff --git a/src/app/common/hooks/use-explorer-link.ts b/src/app/common/hooks/use-explorer-link.ts
@@ -13,11 +13,13 @@ export interface HandleOpenTxLinkArgs {
   txid: string;
 }
 export function useExplorerLink() {
-  const { mode } = useCurrentNetworkState();
+  const { mode, chain } = useCurrentNetworkState();
+  const { bitcoin } = chain;
   const handleOpenTxLink = useCallback(
-    ({ blockchain, suffix, txid }: HandleOpenTxLinkArgs) =>
-      openInNewTab(makeTxExplorerLink({ blockchain, mode, suffix, txid })),
-    [mode]
+    ({ blockchain, suffix, txid }: HandleOpenTxLinkArgs) => {
+      openInNewTab(makeTxExplorerLink({ blockchain, mode, suffix, txid, bitcoin }));
+    },
+    [mode, bitcoin]
   );
 
   return {

diff --git a/src/app/common/utils.ts b/src/app/common/utils.ts
@@ -7,7 +7,7 @@ import {
 } from '@stacks/transactions';
 import { toUnicode } from 'punycode';
 
-import { BitcoinNetworkModes, KEBAB_REGEX } from '@shared/constants';
+import { BitcoinChainConfig, BitcoinNetworkModes, KEBAB_REGEX } from '@shared/constants';
 import type { Blockchains } from '@shared/models/blockchain.model';
 
 export function createNullArrayOfLength(length: number) {
@@ -44,15 +44,20 @@ interface MakeTxExplorerLinkArgs {
   mode: BitcoinNetworkModes;
   suffix?: string;
   txid: string;
+  bitcoin: BitcoinChainConfig;
 }
 export function makeTxExplorerLink({
   blockchain,
   mode,
   suffix = '',
   txid,
+  bitcoin: { bitcoinUrl, bitcoinNetwork },
 }: MakeTxExplorerLinkArgs) {
   switch (blockchain) {
     case 'bitcoin':
+      if (bitcoinNetwork === 'regtest') {
+        return `${bitcoinUrl}/tx/${txid}`;
+      }
       return `https://mempool.space/${mode !== 'mainnet' ? mode + '/' : ''}tx/${txid}`;
     case 'stacks':
       return `https://explorer.hiro.so/txid/${txid}?chain=${mode}${suffix}`;

diff --git a/src/shared/constants.ts b/src/shared/constants.ts
@@ -55,7 +55,7 @@ interface BaseChainConfig {
   blockchain: Blockchains;
 }
 
-interface BitcoinChainConfig extends BaseChainConfig {
+export interface BitcoinChainConfig extends BaseChainConfig {
   blockchain: 'bitcoin';
   bitcoinUrl: string;
   bitcoinNetwork: BitcoinNetworkModes;