mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
ebbee2ba57
* Support redirect to a correct view from search * show domains on address page * migrate to new API version to display address domains * another api update * new design for chain widget on home page + tests * chain widget styles for mobile devices * ecosystems page * update types * add ecosystems to navigation * address portfolio: pt.1 * portfolio tokens list * filter portfolio by chain * skip redirect when navigating to search result by clicking on "show all results" link * net worth block design * add filter input to chain select and fix tokens table * calculate address portfolio * adjust card logic * support custom token types in multichain explorer * handle case when new worth is 0 * add text filter to tokens list * fixes * demo envs * portfolio tests * ecosystems test * change signature for getTokenTypes function * fix adding token to the wallet from the list * lazy load all address domains * show contract creator and implementations info * fix tests * add poor reputation tokens toggle * tweaks * dim celo native tokens * disable env validator * fix tests * remove tokens with 0 usd value from top tokens * fixes * preserve selected chain when switching tabs on address page * add hints to stats widgets on home page * update envs for demo * fix portfolio cards and home page * update styles for contract creator and implementations * fix select issues * add chains from cluster to network menu * hide csv export link on empty logs page * update screenshots * rollback select fix * update cut length calculation for portfolio cards * fix chain select * update screenshots * fix tests * more fixes * add sorting to ecosystems table * fix test * fixes * fix loading state in ecosystems page * review fixes * fix tests
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { Text, Flex } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { SmartContractCreationStatus } from 'types/api/contract';
|
|
|
|
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
|
|
import TxEntity from 'ui/shared/entities/tx/TxEntity';
|
|
import ContractCreationStatus from 'ui/shared/statusTag/ContractCreationStatus';
|
|
|
|
import ContractDetailsInfoItem from './ContractDetailsInfoItem';
|
|
|
|
interface Props {
|
|
addressHash: string;
|
|
txHash: string;
|
|
creationStatus: SmartContractCreationStatus | null;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
const ContractDetailsInfoCreator = ({ addressHash, txHash, creationStatus, isLoading }: Props) => {
|
|
return (
|
|
<ContractDetailsInfoItem
|
|
label="Creator"
|
|
isLoading={ isLoading }
|
|
contentProps={{ gridColumn: { lg: '2 / span 3' } }}
|
|
>
|
|
<Flex alignItems="center" flexWrap="wrap" columnGap={ 2 } rowGap={ 2 }>
|
|
<AddressEntity
|
|
address={{ hash: addressHash }}
|
|
truncation="constant"
|
|
noIcon
|
|
/>
|
|
<Text whiteSpace="pre" color="text.secondary">at txn</Text>
|
|
<TxEntity hash={ txHash } truncation="constant" noIcon/>
|
|
{ creationStatus && <ContractCreationStatus status={ creationStatus }/> }
|
|
</Flex>
|
|
</ContractDetailsInfoItem>
|
|
);
|
|
};
|
|
|
|
export default React.memo(ContractDetailsInfoCreator);
|