import { Box, Icon, Body, EllipsizedText, FramedImage, } from '@biom3/react'; import { ChainSlug } from '@imtbl/checkout-sdk'; import { Environment } from '@imtbl/config'; import { networkName } from '../../lib'; import { getChainIdBySlug } from '../../lib/chains'; import { Transaction } from '../../lib/clients'; import { getChainImage } from '../../lib/utils'; export interface TransactionDetailsProps { transaction: Transaction; environment: Environment; } export function TransactionDetails({ transaction, environment }: TransactionDetailsProps) { const fromChain = getChainIdBySlug(transaction.details.from_chain as ChainSlug); const toChain = getChainIdBySlug(transaction.details.to_chain as ChainSlug); return ( )} /> {networkName[fromChain]} )} /> {networkName[toChain]} ); }