mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
e6e83ee4e7
* envs and feature setup * home page layout * cross-chain txs page * cross-chain transfers page * cross-chain transfers on tx page * cross-chain messages on tx page * cross-chain tx page * cross-chain tx details token transfers * stats and counters for lists * migrate to new API version * add swagger * mobile lists * placeholder views on address page * tests * fix adaptive tabs initial state when there is only one tab in the list * tweaks * bug fixes * fix tests * update screenshots * migrate to new api version * add chain label tooltip, copy button to txs in lists and same address highlight * list views on address page * fix tests * fix links to current address in the list views * update tooltips * update tables layout * review fixes * fix spelling * update screenshots * update screenshot
34 lines
762 B
TypeScript
34 lines
762 B
TypeScript
import type { JsxStyleProps } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { BridgeInfo } from '@blockscout/interchain-indexer-types';
|
|
|
|
import { Link } from 'toolkit/chakra/link';
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
|
|
interface Props extends JsxStyleProps {
|
|
data: BridgeInfo | undefined;
|
|
isLoading?: boolean;
|
|
}
|
|
|
|
const CrossChainBridgeLink = ({ data, isLoading, ...rest }: Props) => {
|
|
|
|
if (!data) {
|
|
return null;
|
|
}
|
|
|
|
if (data.ui_url) {
|
|
return (
|
|
<Link href={ data.ui_url } external loading={ isLoading } { ...rest }>
|
|
{ data.name }
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Skeleton loading={ isLoading } { ...rest }>{ data.name }</Skeleton>
|
|
);
|
|
};
|
|
|
|
export default React.memo(CrossChainBridgeLink);
|