mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f6725649da
* first version of the pack * single entry point * add custom components to the package * move form components to toolkit * add more utils and hooks to the package * minor fixes * add CI workflow * update readme and package.json * fix ts * fix build of env-validator * fix docker build * fix icons size * test fixes * more test fixes
32 lines
917 B
TypeScript
32 lines
917 B
TypeScript
import { Box, chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { GasPriceInfo } from 'types/api/stats';
|
|
|
|
import { space } from 'toolkit/utils/htmlEntities';
|
|
import GasPrice from 'ui/shared/gas/GasPrice';
|
|
|
|
interface Props {
|
|
name: string;
|
|
info: GasPriceInfo | null;
|
|
}
|
|
|
|
const GasInfoTooltipRow = ({ name, info }: Props) => {
|
|
return (
|
|
<>
|
|
<Box textAlign="left">
|
|
<chakra.span>{ name }</chakra.span>
|
|
{ info && typeof info.time === 'number' && info.time > 0 && (
|
|
<chakra.span color="text.secondary">
|
|
{ space }{ (info.time / 1000).toLocaleString(undefined, { maximumFractionDigits: 1 }) }s
|
|
</chakra.span>
|
|
) }
|
|
</Box>
|
|
<GasPrice data={ info } textAlign="right"/>
|
|
<GasPrice data={ info } unitMode="secondary" color="text.secondary" textAlign="right"/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default React.memo(GasInfoTooltipRow);
|