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
26 lines
598 B
TypeScript
26 lines
598 B
TypeScript
import { chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { TokenInfo } from 'types/api/token';
|
|
|
|
import TokenValue from 'ui/shared/value/TokenValue';
|
|
|
|
interface Props {
|
|
token: TokenInfo;
|
|
value: string;
|
|
decimals: string | null;
|
|
}
|
|
const FtTokenTransferSnippet = ({ token, value, decimals }: Props) => {
|
|
return (
|
|
<TokenValue
|
|
amount={ value }
|
|
token={ token }
|
|
decimals={ decimals }
|
|
accuracy={ 0 }
|
|
startElement={ <chakra.span color="text.secondary">for </chakra.span> }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default React.memo(FtTokenTransferSnippet);
|