diff --git a/src/app/btcblock/[hash]/BitcoinAnchorDetails.tsx b/src/app/btcblock/[hash]/BitcoinAnchorDetails.tsx index 67c0cc550..4e9f666c2 100644 --- a/src/app/btcblock/[hash]/BitcoinAnchorDetails.tsx +++ b/src/app/btcblock/[hash]/BitcoinAnchorDetails.tsx @@ -7,10 +7,12 @@ import { useParamsBlockHash } from '../../../app/block/[hash]/useParamsBlockHash import { KeyValueVertical } from '../../../common/components/KeyValueVertical'; import { Section } from '../../../common/components/Section'; import { useGlobalContext } from '../../../common/context/useGlobalContext'; +import { useBlockByHash } from '../../../common/queries/useBlockByHash'; import { useSuspenseBurnBlock } from '../../../common/queries/useBurnBlock'; import { toRelativeTime, truncateMiddle } from '../../../common/utils/utils'; import { Link } from '../../../ui/Link'; import { Text } from '../../../ui/Text'; +import { TextLink } from '../../../ui/TextLink'; import BitcoinIcon from '../../../ui/icons/BitcoinIcon'; import { ExplorerErrorBoundary } from '../../_components/ErrorBoundary'; @@ -24,12 +26,18 @@ export function BitcoinAnchorDetailsBase() { const { data: btcBlock } = useSuspenseBurnBlock(useParamsBlockHash(), { refetchOnWindowFocus: true, }); + const stxBlockHash = btcBlock?.stacks_blocks?.[0]; + const { data: stxBlock } = useBlockByHash(stxBlockHash, { + enabled: !!stxBlockHash, + }); const { btcBlockBaseUrl, btcTxBaseUrl } = useGlobalContext().activeNetwork; const btcBlockBlockTimeUTC = new Date(btcBlock.burn_block_time_iso).toUTCString(); if (!btcBlock) return null; + console.log('222', btcBlock); + return ( - - - {truncateMiddle(btcBlock.burn_block_hash, 8)} - - - } - copyValue={btcBlock.burn_block_hash} - /> + {!!stxBlock && ( + + + {truncateMiddle(stxBlock.miner_txid, 8)} + + + } + copyValue={stxBlock.miner_txid} + /> + )} , 'queryKey'>> = {} -) { +export function useBlockByHash(hash?: string, options = {}) { const apiClient = useApiClient(); return useQuery({ queryKey: ['blockByHash', hash], diff --git a/src/common/queries/useBurnBlock.ts b/src/common/queries/useBurnBlock.ts index 2c014576b..c6088a2df 100644 --- a/src/common/queries/useBurnBlock.ts +++ b/src/common/queries/useBurnBlock.ts @@ -62,7 +62,7 @@ export function useFetchMultipleBurnBlocks(): ( } export function useBurnBlock( - heightOrHash: number | string, + heightOrHash: number | string | undefined, options: any = {} ): UseQueryResult { const apiClient = useApiClient(); @@ -79,6 +79,7 @@ export function useBurnBlock( ); }, staleTime: Infinity, + enabled: !!heightOrHash, ...options, }); }