mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
0eadf590e7
* fix links in approvals list * pass check-summed hash to safe API call * make tx hash optional for token transfers * fix multiple public tag submission * update screenshots * use DataListDisplay for revoke * force to send credential only with general API requests * prefer formatted date label over date default formatting when saving chart data as csv * add abort failed status for zeta chain CCTX * update specify sdk * rename ENV for native token address * add ENV to hide native coin price in topbar * rename routes for name services * fix chart csv export file * fix tests --------- Co-authored-by: Max Alekseenko <[email protected]> Co-authored-by: isstuev <[email protected]>
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
|
|
import type * as bens from '@blockscout/bens-types';
|
|
|
|
import dayjs from 'lib/date/dayjs';
|
|
import { TableCell, TableRow } from 'toolkit/chakra/table';
|
|
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
|
|
import EnsEntity from 'ui/shared/entities/ens/EnsEntity';
|
|
import TimeWithTooltip from 'ui/shared/time/TimeWithTooltip';
|
|
|
|
type Props = bens.Domain & {
|
|
isLoading?: boolean;
|
|
};
|
|
|
|
const NameDomainsTableItem = ({
|
|
isLoading,
|
|
name,
|
|
resolved_address: resolvedAddress,
|
|
registration_date: registrationDate,
|
|
expiry_date: expiryDate,
|
|
protocol,
|
|
}: Props) => {
|
|
|
|
return (
|
|
<TableRow>
|
|
<TableCell verticalAlign="middle">
|
|
<EnsEntity domain={ name } protocol={ protocol } isLoading={ isLoading } fontWeight={ 600 }/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
{ resolvedAddress && <AddressEntity address={ resolvedAddress } isLoading={ isLoading } fontWeight={ 500 }/> }
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle" pl={ 9 }>
|
|
<TimeWithTooltip timestamp={ registrationDate } isLoading={ isLoading }/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<TimeWithTooltip
|
|
timestamp={ expiryDate }
|
|
isLoading={ isLoading }
|
|
color={ expiryDate && dayjs(expiryDate).diff(dayjs(), 'day') < 30 ? 'red.600' : 'inherit' }
|
|
/>
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
};
|
|
|
|
export default React.memo(NameDomainsTableItem);
|