feat: modify confirmation checker to get blockchain api url from the …

…env file
DLC-link · Mar 19, 2024 · 128941b · 128941b
1 parent 4ab3297
commit 128941b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/...ents/vault-expanded-information/components/vault-expanded-information-transaction-row.tsx b/...ents/vault-expanded-information/components/vault-expanded-information-transaction-row.tsx
@@ -23,7 +23,7 @@ export function VaultExpandedInformationTransactionRow({
         color={'accent.cyan.01'}
         fontSize={'xs'}
         textDecoration={'underline'}
-        onClick={() => window.open(`${bitcoinExplorerAPIURL}${value}`, '_blank')}
+        onClick={() => window.open(`${bitcoinExplorerAPIURL}/tx/${value}`, '_blank')}
         _hover={{ cursor: 'pointer' }}
       >
         View in TX explorer

diff --git a/src/app/hooks/use-confirmation-checker.ts b/src/app/hooks/use-confirmation-checker.ts
@@ -4,8 +4,11 @@ import { Vault, VaultState } from '@models/vault';
 
 export function useConfirmationChecker(vault?: Vault): number {
   const txID = vault?.state === VaultState.FUNDING ? vault?.fundingTX : vault?.closingTX;
-  const bitcoinExplorerTXURL = `https://devnet.dlc.link/electrs/tx/${txID}`;
-  const bitcoinExplorerHeightURL = `https://devnet.dlc.link/electrs/blocks/tip/height`;
+
+  const bitcoinBlockchainAPIURL = import.meta.env.VITE_BITCOIN_BLOCKCHAIN_API_URL;
+
+  const bitcoinExplorerTXURL = `${bitcoinBlockchainAPIURL}/tx/${txID}`;
+  const bitcoinExplorerHeightURL = `${bitcoinBlockchainAPIURL}/blocks/tip/height`;
   const fetchInterval = useRef<number | undefined>(undefined);
 
   const [transactionProgress, setTransactionProgress] = useState(0);