mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
932add9d96
* basic components and address page refactoring * second part of refactoring * third part of refactoring * NativeCoinValue component * more refactoring * rename TruncatedValue into TruncatedText * minor fixes * refactor block details * fix layout of value and fee in tx table * update screenshots * different units for tooltip and stats widget small value fix * update screenshots * update tx table screenshot * fix copy button vertical alignment
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { AddressesItem } from 'types/api/addresses';
|
|
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
import { TableCell, TableRow } from 'toolkit/chakra/table';
|
|
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
|
|
import NativeCoinValue from 'ui/shared/value/NativeCoinValue';
|
|
|
|
type Props = {
|
|
item: AddressesItem;
|
|
isLoading?: boolean;
|
|
};
|
|
|
|
const AddressesLabelSearchTableItem = ({
|
|
item,
|
|
isLoading,
|
|
}: Props) => {
|
|
|
|
return (
|
|
<TableRow>
|
|
<TableCell>
|
|
<AddressEntity
|
|
address={ item }
|
|
isLoading={ isLoading }
|
|
fontWeight={ 700 }
|
|
my="2px"
|
|
/>
|
|
</TableCell>
|
|
<TableCell isNumeric>
|
|
<NativeCoinValue
|
|
amount={ item.coin_balance }
|
|
noSymbol
|
|
loading={ isLoading }
|
|
lineHeight="24px"
|
|
/>
|
|
</TableCell>
|
|
<TableCell isNumeric>
|
|
<Skeleton loading={ isLoading } display="inline-block" lineHeight="24px">
|
|
{ Number(item.transactions_count).toLocaleString() }
|
|
</Skeleton>
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
};
|
|
|
|
export default React.memo(AddressesLabelSearchTableItem);
|