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
30 lines
944 B
TypeScript
30 lines
944 B
TypeScript
import type { JsxStyleProps } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { ExternalChain } from 'types/externalChains';
|
|
|
|
import config from 'configs/app';
|
|
|
|
import type { EntityProps } from './AddressEntity';
|
|
import AddressEntity from './AddressEntity';
|
|
import AddressEntityExternal from './AddressEntityExternal';
|
|
|
|
interface Props extends EntityProps, JsxStyleProps {
|
|
chain: ExternalChain | undefined;
|
|
currentAddress?: string;
|
|
}
|
|
|
|
const AddressEntityInterchain = ({ chain, currentAddress, ...props }: Props) => {
|
|
|
|
const isCurrentChain = chain?.id === config.chain.id;
|
|
const isCurrentAddress = isCurrentChain && currentAddress?.toLowerCase() === props.address.hash.toLowerCase();
|
|
|
|
if (isCurrentChain) {
|
|
return <AddressEntity { ...props } chain={ chain } noLink={ isCurrentAddress }/>;
|
|
}
|
|
|
|
return <AddressEntityExternal { ...props } chain={ chain }/>;
|
|
};
|
|
|
|
export default React.memo(AddressEntityInterchain);
|